HTML DOM องค์ประกอบการค้นหา

สมาชิก Input Search

สมาชิก Input Search คือสมาชิกใหม่ใน HTML5

สมาชิก Input Search นั้นเป็นสมาชิกของ HTML <input type="search">

หมายเหตุ:Internet Explorer 9 (และเวอร์ชั่นเก่ากว่า) หรือ Safari ไม่สนับสนุนสมาชิก <input type="search">

เข้าถึงสมาชิก Input Search

คุณสามารถเข้าถึงสมาชิก <search> ด้วยการใช้ getElementById() ได้:

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

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

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

คุณสามารถสร้างส่วนประกอบ <search> โดยใช้วิธี document.createElement()

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

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

คุณสมบัติ Input Search วัตถุ

คุณสมบัติ คำอธิบาย
autocomplete ตั้งค่าหรือกลับค่าคุณสมบัติ autocomplete ของ Search
autofocus ตั้งค่าหรือกลับค่าว่า Search ว่าควรได้รับความสำคัญโดยอัตโนมัติหลังจากการโหลดหน้าเว็บ
defaultValue ตั้งค่าหรือกลับค่าค่าเริ่มต้นของ Search
disabled ตั้งค่าหรือกลับค่าว่า Search ว่าเป็นฟอร์มที่เปิดใช้งาน
form กลับค่าสำหรับฟอร์มที่มี Search
list กลับค่าสำหรับ datalist ที่มี Search
maxLength ตั้งค่าหรือกลับค่าคุณสมบัติ maxLength ของ search
name ตั้งค่าหรือกลับค่าคุณสมบัติ name ของ Search
pattern ตั้งค่าหรือกลับค่าคุณสมบัติ pattern ของ Search
placeholder ตั้งค่าหรือกลับค่าคุณสมบัติ placeholder ของ Search
readOnly ตั้งค่าหรือกลับค่าว่า Search ว่าเป็นฟอร์มที่เปิดใช้งาน
required ตั้งค่าหรือกลับค่าว่าใช้ต้องกรอก Search ก่อนการส่งฟอร์ม
size ตั้งค่าหรือกลับค่าคุณสมบัติ size ของ Search
step ตั้งค่าหรือกลับค่าคุณสมบัติ step ของ Search
type กลับค่าประเภทส่วนประกอบฟอร์มของ Search
value ตั้งค่าหรือกลับค่าคุณสมบัติ value ของ Search

วิธี Input Search วัตถุ

วิธี คำอธิบาย
blur() ถอดความสำคัญออกจากตัวกรองข้อมูล
focus() มอบความสำคัญให้ตัวกรองข้อมูล
select() เลือกเนื้อหาของตัวกรองข้อมูล

คุณสมบัติมาตรฐานและเหตุการณ์

Input Search วัตถุสนับสนุนมาตรฐานคุณสมบัติและเหตุการณ์。

หน้าที่เกี่ยวข้อง

HTML ตัวเรียน:HTML ฟอร์ม

คู่มืออ้างอิง HTML:HTML <input> แท็ก

คู่มืออ้างอิง HTML:คุณสมบัติ type ของ HTML <input>