[HTML] <input> 태그의 속성

 

<input>

<input type="타입" [속성="속성 값"]>

 

---

 

  autofocus - 입력 커서 표시  

 

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

 

 

---

  placeholder - 힌트 표시   

 

<input type="text" id="uid" placeholder="하이픈(-) 없이 입력">

 

 

---

   readonly - 읽기 전용 필드    

 

readonly 속성으로 지정되면 해당 필드의 내용은 새로 입력할 수 없고 삭제할 수도 없다.

 

<input type="text" id="subj" value="오전 9:00~11:00 readonly>

 

---

   required - 필수 필드 지정   

 

내용을 폼에 입력한 후 submit 버튼을 클릭하면 폼이 서버로 전송된다.

이때 필수 필드에 필요한 내용이 모두 채워졌는지 검사해야 한다. 

필수적으로 입력해야 하는 내용에는 required 속성을 지정해 필수 필드로 만들 수 있다. 

 

<input type="text" id="uid" autofocus required>

---

   size, minlength, maxlength - 길이, 최소 길이, 최대 길이   

 

<input type="text" id="uname" size="10" minlength="4" maxlength="15">