HTML DOM ประเภท Input Text

วัตถุ Input Text

วัตถุ Input Text แสดงถึง element HTML <input> ที่มี type="text"

เข้าถึงวัตถุ Input Text

คุณสามารถใช้ getElementById() ในการเข้าถึง element <input> ที่มี type="text" ได้:

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

ทดลองด้วยตัวเอง

คำเตือน：คุณยังสามารถค้นหาฟอร์มได้ ชุด elements เพื่อเข้าถึง <input type="text">。

สร้างวัตถุ Input Text

คุณสามารถใช้วิธี document.createElement() ในการสร้าง element <input> ที่มี type="text" ได้:

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