Front-End/HTML

[HTML] form태그_required 속성

찐코딩 2021. 10. 27. 21:28
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<!-- 
		required 속성 : 필수 입력 내용
	 -->
	
	<h3>여러분의 이메일 주소를 입력하세요.....</h3>
	
	<hr>
	
	<form action="http://www.naver.com">
		<input type="email" required>
		<input type="submit" value="전송">
	</form>
	
</body>
</html>

이메일 란을 작성하지 않고 전송 버튼을 누르면 위와 같이 에러창이 나타난다.