HTML 입력양식 (3) 속성

attributes

input 요소는 다양한 속성을 가지고 있다.
input 요소의 여러 속성을 사용하면 사용자가 입력하는 방식을 더욱 다양하게 제어할 수 있다.
HTML에서 자주 사용되는 input 요소의 대표적인 속성은 다음과 같다.

1. value
2. readonly
3. disabled
4. maxlength
5. size

value

value 속성은 input 요소의 입력 필드(input field)에 표시되는 초깃값을 설정한다.

value 속성은 입력필드를 수정하거나 지울 수 있다.

 

 

 

readonly 속성

readonly 속성은 사용자가 입력 필드를 볼 수는 있으나, 수정할 수는 없도록 설정한다.

value 속성은 입력필드를 수정하거나 지울 수 있다.
disabled 속성과 다른 점은 전송 버튼(submit)을 누르면 값이 서버로 전송된다는 점이다.

 

 

disabled 속성

disabled 속성은 사용자가 입력 필드를 아예 사용할 수 없도록 설정한다.

입력 필드는 사용할 수도 없고, 클릭할 수도 없다.
또한, readonly 속성과는 달리 전송 버튼(submit)을 눌러도 초깃값이 서버로 전송되지 않는다.

 

 

 

maxlength 속성

maxlength 속성은 입력 필드에 입력할 수 있는 최대 문자수(length)를 설정한다.

입력될 수 있는 최대 문자수는 maxlength 속성값에 따라 달라지며, size 속성과는 전혀 무관한다.

 

 

 

size 속성 

size 속성은 입력 필드에 보여지는 input 요소의 크기(size)를 설정한다.
입력 필드가 한 번에 보여줄 수 있는 문자수만을 의미한다.