개발자의 길

[html5]input autocomplete, autofocus, datalist 테스트 본문

7. HTML5

[html5]input autocomplete, autofocus, datalist 테스트

자르르 2012. 1. 13. 12:09



input autocomplete, autofocus, datalist 테스트

참고자료 :

http://www.quackit.com/html_5/tags/html_datalist_tag.cfm

실행 소스

<body>
<input type="text" name="favCharacter" list="characters" autocomplete="on" placeholder="autocomplete=on"><br>
<input type="text" name="favCharacter" list="characters" autocomplete="off" placeholder="autocomplete=off" autofocus="true">

<datalist id="characters">
<option value="apple" label="사과">
<option value="orange" label="오렌지">
<option value="grape" label="포도">
</datalist>

</body>
</html>

실행화면

opera 10.6 - autocomplete 실행, autofucus 미실행, placehoder 미실행

 

 

safari,chrome - autocomplete 미실행, autofucus 실행, placehoder 실행

저작자표시

'7. HTML5' 카테고리의 다른 글

DocType 설명. xhtml xhtml 차이  (0) 2019.01.30
[html5]입력값 검증하기(validation) - 간단한 예제 2 : setCustomValidity이용  (0) 2012.01.13
[html5]입력값 검증하기(validation) - 간단한 예제  (0) 2012.01.13
[html5]meter 테스트  (0) 2012.01.13
[html5]progress 테스트  (0) 2012.01.13


이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
공유하기 링크
'7. HTML5' Related Articles more
Comments