[HTML5 & CSS3] <input> 태그의 다양한 속성

▶ <input> 태그의 다양한 속성

* autofocus 속성 - 입력 커서 표시하기

​​

* placeholder 속성 - 힌트 표시하기

사용자가 텍스트를 입력할 때 도움이 되도록 입력란에는 적당한 힌트 내용을 표시하고 있다가 그 필드를 클릭하면 내용이 사라지도록 만들 수 있다. 이렇게 하면 텍스트 필드 앞에 제목을 사용하지 않고도 사용자에게 해당 필드에 어떤 내용을 입력해야 할 지 알려 줄 수 있어서 편리하다.

​​

* readonly 속성 - 읽기 전용 필드 만들기

​​

* required 속성 - 필수 필드 지정하기

​

* min, max, step 속성

min속성과 max속성은 각각 해당 필드의 최솟값과 최댓값을 지정한다

step속성은 허용된 범위 내의 숫자의 일정한 간격을 가리킴

​​

* size, minlength, maxlength 속성 - 길이, 최소 길이, 최대 길이 속성