정보 입력


정보 입력





"> 속성

정보 입력


정보 입력





"> 속성

정보 입력


정보 입력





"> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>속성</title>
</head>
<body>
<!-- 
	# autofocus
	- 페이지를 불러오자 마자 입력 필드안에 마우스 커서를 위치.
	
	# required
	- 필수 입력 체크.

	# w3c에서 추구하는 목표 -> JavaScript 쓰지않고 모듈,시스템 구현.
	
	# autocomplete
	- 정보를 입력할 때 자동완성 기능을 설정. : on(기본값) off(끔)
-->
	<h2>정보 입력</h2>
	<br>
	<form action="#">
		<fieldset>
			<legend>정보 입력</legend>
			<label for="user-name">이름</label>
			<input type="text" id="user-name" name="userName" placeholder="공백 없이 입력하세요." autofocus required> <!-- autofocus input 창에 커서가 바로 들어감. -->
			<br>
			<br>
			<label for="user-mail">이메일</label>
			<input type="email" id="user-mail" name="userMail" placeholder="[email protected]" required autocomplete="off">
			<br>
			<br>
			<label for="user-tel">전화번호</label>
			<input type="tel" id="user-tel" name="userTel" placeholder="010-0000-0000">
			<br>
			<br>
			<input type="submit" value="완료">
		</fieldset>
		
		
	</form>
</body>
</html>