새로 생긴 HTML5의 INPUT 태그 유형

[한국산업경제=안서희 기자]

HTML5은 기존의 INPUT 태그에 몇 가지의 유형이 추가 되었다.

먼저, 이메일 주소 필드이다. -type=”email”로 실현되며, 별도의 자바스크립트 함수의 사용 없이도 이메일 주소를 입력하는 필드를 만들 수 있다.

다음으로, 웹 주소 필드 -type=”url”이다. 특히 모바일 환경 중 아이폰에서 가장 많이 사용하는 .com이 키보드에 디폴트로 적용되어 있지만, .com키를 오래 누르면 .org나 .edu 등으로 바뀌어 다른 도메인을 선택할 수 있게 된다.

놀라운 점은, 숫자 입력을 슬라이드로 할 수 있다는 점인데, -type=”range”로 실현된다. type를 range로 했을 때, 숫자를 직접 입력하지 않고 슬라이드 막대로 조절하여 값을 늘리거나 할 수 있다.

검색 상자 필드는 사용자의 편의를 늘렸다. -type=”search”인데, 크롬이나 사파리 브라우저에서 검색 상자 안에 검색어를 입력하면 보통 텍스트 상자와 다른 것을 알 수 있는데, 검색 상자 오른쪽에 클릭할 수 있는 ‘X’가 있으며, 그것을 클릭하면 검색 상자 안에 입력한 검색어를 간편하게 지울 수 있다.

이외에도 HTML5의 INPUT태그의 변화는 다양하며, HTML5는 다양한 디바이스에서 부가적인 프로그램 없이도 멀티미디어를 구현하고, 모바일 환경에서 특화된 장점을 지니고 있다.

<저작권자 ⓒ 한국산업경제 (http://www.indkorea.com) 무단전재 및 재배포 금지>