..

Search

type="search"

<input type=“search”>


HTML <input> 태그 ⇒

<input> 태그의 type 속성 ⇒


정의 및 특징

<input type=“search”>는 검색어를 입력할 수 있는 텍스트 필드를 정의합니다.

 

검색 필드는 텍스트 필드와 기능적으로는 완전히 똑같지만, 브라우저에 의해 다르게 표현될 수 있습니다.

 

검색 필드에는 반드시 name 속성을 설정해야 하며, name 속성이 설정되어 있지 않으면 서버로 제출되지 않을 것입니다.

이때 가장 자주 사용되는 대표적인 name 속성값은 ‘q’입니다.


문법

<input type="search">


예제
<form action="/examples/media/action_target.php" method="get">
    검색 <input type="search" name="q">
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

type="search"

5.0 12.0 10.0 4.0 5.0 10.6

HTML5에서 변경된 사항

<input type=“search”>는 HTML5에서 새롭게 추가된 속성값입니다.


연습문제