IT/html

html value readonly disabled size maxlength

조원태 2017. 1. 9. 15:41
반응형

속성 값(The value Attribute)

value 속성은 입력 필드의 초기 값을 지정합니다.


<form action = "">

이름 : <br>

<input type = "text"name = "firstname"value = "John">

</ form>


readonly 속성(The readonly Attribute)

readonly 속성은 입력 필드가 읽기 전용임을 지정합니다 (변경할 수 없음).


<form action = "">

이름 : <br>

<input type = "text"name = "firstname"value = "John"readonly>

</ form>


disabled 속성(The disabled Attribute)


disabled 속성은 입력 필드가 비활성화되도록 지정합니다.


비활성화 된 입력란은 사용할 수없고 클릭 할 수 없으며 양식을 제출할 때 그 값은 전송되지 않습니다.


<form action = "">

이름 : <br>

<input type = "text"name = "firstname"value = "John"disabled>

</ form>


크기 특성(The size Attribute)

size 속성은 입력 필드의 크기 (문자 수)를 지정합니다.


<form action = "">

이름 : <br>

<input type = "text"name = "firstname"value = "John"size = "40">

</ form>


maxlength 속성(The maxlength Attribute)

maxlength 속성은 입력 필드의 최대 허용 길이를 지정합니다.


<form action = "">

이름 : <br>

<input type = "text"name = "firstname"maxlength = "10">

</ form>


maxlength 속성의 경우, 입력 필드는 허용 된 수보다 많은 문자를 허용하지 않습니다.


maxlength 속성은 어떠한 피드백도 제공하지 않습니다. 사용자에게 경고하려면 JavaScript 코드를 작성해야합니다.


참고 : 입력 제한은 절대적이지 않으며 JavaScript는 불법 입력을 추가하는 여러 가지 방법을 제공합니다. 입력을 안전하게 제한하려면 수신자 (서버)도 확인해야합니다!



반응형