Latest web development tutorials
×

JavaScript & HTML DOM คู่มืออ้างอิง

ภาพรวม

JavaScript วัตถุ

JavaScript Array วัตถุ JavaScript Boolean วัตถุ JavaScript Date วัตถุ JavaScript Math วัตถุ JavaScript Number วัตถุ JavaScript String วัตถุ JavaScript RegExp วัตถุ JavaScript อสังหาริมทรัพย์ทั่วโลก / ฟังก์ชั่น JavaScript ผู้ประกอบการ

Browser วัตถุ

Window วัตถุ Navigator วัตถุ Screen วัตถุ History วัตถุ Location วัตถุ

DOM วัตถุ

HTML DOM Document วัตถุ HTML DOM วัตถุธาตุ HTML DOM แอตทริบิวต์วัตถุ HTML DOM วัตถุที่จัดกิจกรรม

HTML วัตถุ

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM วัตถุป้อนข้อมูลการค้นหา

ป้อนข้อมูลการค้นหาวัตถุ

วัตถุป้อนข้อมูลการค้นหาเป็น HTML5 ใหม่

วัตถุป้อนข้อมูลการค้นหาแสดงถึงชนิดใช้ = "ค้นหา" ใน HTML <input> องค์ประกอบ

การเข้าถึงการป้อนข้อมูลวัตถุค้นหา

คุณสามารถใช้ getElementById () ฟังก์ชันในการเข้าถึงการใช้ type = "ค้นหา" <input> แอตทริบิวต์:

var x = document.getElementById("mySearch"); 尝试一下

เคล็ดลับ: นอกจากนี้คุณยังสามารถสร้าง องค์ประกอบ ในการเข้าถึงป้อนข้อมูลการค้นหาคอลเลกชันของวัตถุ

สร้างการป้อนข้อมูลวัตถุค้นหา

คุณสามารถใช้ document.createElement () วิธีการสร้างโดยใช้ชนิด = "ค้นหา" แอตทริบิวต์ของ <input>:

var x = document.createElement("INPUT");
x.setAttribute("type", "search"); 尝试一下

ป้อนข้อมูลคุณสมบัติการค้นหาวัตถุ

Property 描述
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 属性值

คุณสมบัติมาตรฐานและเหตุการณ์ที่เกิดขึ้น

ป้อนข้อมูลการค้นหาวัตถุนอกจากนี้ยังสนับสนุนมาตรฐาน คุณลักษณะ และ เหตุการณ์ที่เกิดขึ้น


บทความที่เกี่ยวข้อง

HTML Tutorial: รูปแบบ HTML

คู่มืออ้างอิง HTML: HTML <อินพุต> แท็ก

คู่มืออ้างอิง HTML: HTML <อินพุต> ประเภทแอตทริบิวต์