개발/HTML

[HTML5] Form, Input 요소의 속성(작성중)

Dev.Notice 2022. 9. 7. 18:23
728x90
반응형
form 요소의 속성

 

autocomplete 속성

 

autocomplete 속성은 form 요소나 input 요소에 입력된 정보를 저장할지 안 할지를 명시합니다.

이 속성의 속성값이 on으로 설정되면, 브라우저는 사용자가 입력하는 정보를 자동으로 저장합니다.

그리고 나서 이 후에 입력되는 입력값을 저장된 정보를 바탕으로 자동 완성해 줍니다.

 

이 속성은 다음과 같은 input 타입에서만 사용할 수 있습니다.

- text, password, range, color, date, datetime-local, month, week, email, url, tel, search 타입

 

<form action="jeusyhk.tistory.com" method="get" autocomplete="on">
	<input type="number" name="age" min="1" max="99" autocomplete="off">
	...
</form>

 

 

novalidate 속성

 

form 요소의 속성이며, 이 속성은 입력한 정보(data)를 전송할 때 그 정보가 유효한지 아닌지를 검사하지 않았다는 것을 명시합니다.

url 타입이나 email 타입과 같이 자동으로 유효성 검사를 하는 input 타입에 이 속성을 사용하면 유효성 검사를 하지 않습니다.

즉, 이 속성이 사용된 form 요소로 전달받은 정보(data)는 반드시 서버 측에서 따로 유효성 검사를 실시해야 합니다.

(별로 사용하진 않겠네요... -_-ㅋ)

 

<form action="jeusyhk.tistory.com" novalidate>
...
</form>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

safari or internet explorer 에서는 지원되지 않을 수 있으니 chrome 사용을 권장 드립니다.

 

요기까지 임미다.

728x90