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
'개발 > HTML' 카테고리의 다른 글
HTML5 와 제이쿼리 (1) | 2022.11.15 |
---|---|
[HTML] Input 요소의 속성 (0) | 2022.09.07 |
[HTML] 입력 양식 (0) | 2022.09.07 |
[HTML] 레이아웃 (0) | 2022.09.06 |
[HTML] 블록과 인라인 (0) | 2022.09.05 |
[HTML] 텍스트 요소 - 엔티티 (0) | 2022.09.05 |
[HTML] 텍스트 요소 - 서식 (1) | 2022.09.05 |
[HTML] HTML 기본 구조 (0) | 2022.06.16 |