HTML DOM 입력 검색 객체

Input Search 객체

Input Search 객체는 HTML5에서 새로운 객체입니다。

Input Search 객체는 HTML <input type="search"> 요소를 나타냅니다。

주의사항：Internet Explorer 9(또는 이전 버전) 또는 Safari는 <input type="search"> 요소를 지원하지 않습니다。

Input Search 객체에 접근

getElementById()를 사용하여 <search> 요소에 접근할 수 있습니다：

var x = document.getElementById("mySearch");

x.setAttribute("type", "search");

var x = document.getElementById("mySearch");

Input Search 객체를 생성합니다

document.createElement() 메서드를 사용하여 <search> 요소를 생성할 수 있습니다：
var x = document.createElement("INPUT");

x.setAttribute("type", "search");

직접 시험해 보세요

속성 설명
autocomplete Search 필드의 autocomplete 속성 값을 설정하거나 반환합니다。
autofocus 페이지 로드 후 Search 필드가 자동으로 포커스를 가져야 하는지 설정하거나 반환합니다。
defaultValue Search 필드의 기본 값을 설정하거나 반환합니다。
disabled Search 필드가 비활성화되었는지 설정하거나 반환합니다。
form Search 필드를 포함한 폼에 대한 참조를 반환합니다。
list Search 필드를 포함한 datalist에 대한 참조를 반환합니다。
maxLength search 필드의 maxLength 속성 값을 설정하거나 반환합니다。
name Search 필드의 name 속성 값을 설정하거나 반환합니다。
pattern Search 필드의 pattern 속성 값을 설정하거나 반환합니다。
placeholder Search 필드의 placeholder 속성 값을 설정하거나 반환합니다。
readOnly Search 필드가 읽기 전용인지 설정하거나 반환합니다。
required 서브밍 폼 전에 Search 필드를 필수 입력으로 설정하거나 반환합니다。
size Search 필드의 size 속성 값을 설정하거나 반환합니다。
step Search 필드의 step 속성 값을 설정하거나 반환합니다。
type Search 필드의 폼 요소 유형을 반환합니다。
value Search 필드의 value 속성 값을 설정하거나 반환합니다。

Input Search 객체 메서드

메서드 설명
blur() 검색 필드에서 포커스를 제거합니다。
focus() 검색 필드에 포커스를 부여합니다。
select() 검색 텍스트 필드의 내용을 선택합니다。

표준 속성과 이벤트를 지원합니다。

Input Search 객체는 표준속성과이벤트。

관련 페이지

HTML 강의:HTML 양식

HTML 참조 매뉴얼:HTML <input> 태그

HTML 참조 매뉴얼:HTML <input> type 속성