HTML DOM Input URL 객체

Input URL 객체

Input URL 객체는 HTML5에서 새로운 객체입니다.

Input URL 객체는 HTML <input type="url"> 요소를 나타냅니다.

주석:Internet Explorer 9(그리고 더 이전 버전) 또는 Safari는 <input type="search"> 요소를 지원하지 않습니다.

Input URL 객체 접근

getElementById()를 사용하여 <input type="url"> 요소에 접근할 수 있습니다:

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

본인이 직접 시도해 보세요

Input URL 객체 생성

document.createElement() 메서드를 사용하여 <input type="url"> 요소를 생성할 수 있습니다:

var x = document.createElement("INPUT");
x.setAttribute("type", "url");

본인이 직접 시도해 보세요

Input URL 객체 속성

속성 설명
autocomplete Search 필드의 autocomplete 속성 값을 설정하거나 반환합니다.
autofocus 페이지 로드 후 Search 필드가 자동으로 포커스를 받아야 하는지 설정하거나 반환합니다.
defaultValue Search 필드의 기본 값을 설정하거나 반환합니다.
disabled Search 필드가 비활성화되었는지 여부를 설정하거나 반환합니다.
form Search 필드가 포함된 폼에 대한 참조를 반환합니다.
list Search 필드가 포함된 datalist에 대한 참조를 반환합니다.
maxLength search 필드의 maxLength 속성 값을 설정하거나 반환합니다.
multiple URL 필드에 여러 개의 URL 주소를 입력할 수 있는지 여부를 설정하거나 반환합니다.
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 URL 객체 메서드

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

표준 속성과 이벤트

Input URL 객체는 표준을 지원합니다속성및이벤트.

관련 페이지

HTML 강의:HTML 형식

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

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