본문 바로가기

개발/HTML

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

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