HTML DOM 입력 텍스트 객체

Input Text 对象

Input Text 对象代表带有 type="text" 的 HTML <input> 元素。

访问 Input Text 对象

您可以使用 getElementById() 访问 type="text" 的 <input> 元素：

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

직접 테스트해 보세요

提示：您还可以通过搜索表单的 elements 集合 来访问 <input type="text">。

创建 Input Text 对象

您可以使用 document.createElement() 方法创建 type="text" 的 <input> 元素：

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

직접 테스트해 보세요

Input Text 객체 속성

속성 설명
autocomplete 텍스트 필드의 autocomplete 속성 값을 설정하거나 반환합니다.
autofocus 페이지가 로드될 때 텍스트 필드가 자동으로 포커스를 받도록 설정하거나 반환합니다.
defaultValue 텍스트 필드의 기본 값을 설정하거나 반환합니다.
disabled 텍스트 필드가 비활성화되어 있는지 설정하거나 반환합니다.
form 텍스트 필드를 포함한 양식에 대한 참조를 반환합니다.
list 텍스트 필드를 포함한 데이터 목록에 대한 참조를 반환합니다.
maxLength 텍스트 필드의 maxlength 속성 값을 설정하거나 반환합니다.
name 텍스트 필드의 name 속성 값을 설정하거나 반환합니다.
pattern 텍스트 필드의 pattern 속성 값을 설정하거나 반환합니다.
placeholder 텍스트 필드의 placeholder 속성 값을 설정하거나 반환합니다.
readOnly 텍스트 필드가 읽기 전용인지 설정하거나 반환합니다.
required 텍스트 필드가 제출 전에 반드시 입력해야 하는지 설정하거나 반환합니다.
size 텍스트 필드의 size 속성 값을 설정하거나 반환합니다.
type 텍스트 필드가哪种类型的表单元素를 반환합니다.
value 텍스트 필드의 value 속성 값을 설정하거나 반환합니다.

Input Text 객체 메서드

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

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

Input Text 객체는 표준속성와이벤트。

관련 페이지

HTML 강의:HTML 양식

HTML 참조 설명서:HTML <input> 태그

HTML 참조 설명서:HTML <input> type 속성