[form] HTML - <input type="search"> 태그 - 검색어 입력 (= 인풋서치타입/서치타입인풋 요소)

1. <input type="search"> 예제 - 검색어 입력
2. <input type="search"> 정의
3. <input type="search"> 구문

<input type="search"> 예제 - 검색어 입력

 

<form action="/action_page.php">

  <label for="search">검색어 입력:</label>

  <input type="search" id="search" name="search">

  <input type="submit">

</form>

 

결과보기

<input type="search"> 정의

 

검색어 입력 가능한 INPUT 요소.

 

---

 

1.

• name 속성 이용해 입력필드의 이름을 지정해야 서버로 검색어가 전달됨. (보통, 'q'를 이름으로 사용.)
• value 속성 이용해 서버로 전달된 값을 입력창에 표시해 줌.
• <lable> 태그 사용 시, 웹접근성 향상됨.

 

2.

IE10 이상 주요 최신브라우저 모두 지원.

 

3. MDN <input type="search"> 예제보기

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search

 

<input type="search"> 구문

 

<input type="search">