HTML5 서식 form(input 요소 type, name, required, placeholder, maxlength, autofocus)

input

입력하는 데이터 필드

 

input type 속성

text : Default 값으로 일반적인 텍스트

password : 입력하는 텍스트가 보이지 않음

radio : 나열된 보기 중 하나만 선택(같은 보기 그룹은 네임 속성 동일 및 value 속성으로 서버 전달 값 입력)

checkbox : 나열된 보기 중 여러개 선택 가능(같은 보기 그룹은 네임 속성 동일 및 value 속성으로 서버 전달 값 입력)

 

- input type 예시

<input type="(Option)">

 

 

input name 속성

name : 반드시 필요한 값으로 서버로 전달되는 이름

 

- input name 예시

<input name="(Option)">

 

 

required 속성

반드시 입력되어야 되는 값으로 유효성 검사에 사용

 

- required 예시

<input type="text" name="id" required>

 

 

placeholder 속성

입력 폼에 짧은 힌트 제공

 

- placeholder 예시

<input name="(Option)" placeholder="본인 이름" required>

 

 

maxlength 속성

입력 폼에 글자 수 제한

 

- maxlength 예시

<input maxlength="7">

 

 

autofocus 속성

자동으로 첫 번째 입력 폼에 커서 이동

 

- autofocus 예시

<input name="(Option)" autofocus>