ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

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

❮ก่อนหน้า ถัดไปอ้างอิง❯

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

วัตถุป้อนค้นหาใหม่ใน HTML5

วัตถุอินพุตค้นหาหมายถึง HTML <input> องค์ประกอบที่มีประเภท = "ค้นหา"

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

คุณสามารถเข้าถึง <input> องค์ประกอบที่มีประเภท = "ค้นหา" โดยใช้ getElementById() :

ตัวอย่าง

var x = document.getElementById("mySearch");
ลองตัวเอง»

เคล็ดลับ: คุณยังสามารถเข้าถึง <input type="search"> โดยการค้นหาผ่าน องค์ประกอบ คอลเลกชันของฟอร์ม

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

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

ตัวอย่าง

var x = document.createElement("INPUT");
x.setAttribute("type", "search");
ลองตัวเอง»

ป้อนข้อมูลอสังหาริมทรัพย์ค้นหาวัตถุ

คุณสมบัติ ลักษณะ
autocomplete ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ autocomplete แอตทริบิวต์ของช่องค้นหา
autofocus ชุดหรือผลตอบแทนไม่ว่าจะเป็นช่องค้นหาควรได้รับโดยอัตโนมัติโฟกัสเมื่อโหลดหน้าเว็บ
defaultValue ตั้งค่าหรือผลตอบแทนค่าเริ่มต้นของช่องค้นหา
disabled ชุดหรือผลตอบแทนไม่ว่าจะเป็นข้อมูลการค้นหาที่มีการปิดการใช้งานหรือไม่
form ผลตอบแทนที่ได้มีการอ้างอิงถึงรูปแบบที่มีช่องค้นหา
list ผลตอบแทนที่ได้มีการอ้างอิงถึง datalist ที่มีช่องค้นหา
maxLength ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ maxlength แอตทริบิวต์ของช่องค้นหา
name ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ name แอตทริบิวต์ของช่องค้นหา
pattern ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ pattern แอตทริบิวต์ของช่องค้นหา
placeholder ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ placeholder แอตทริบิวต์ของช่องค้นหา
readOnly ชุดหรือผลตอบแทนไม่ว่าจะเป็นข้อมูลการค้นหาจะอ่านอย่างเดียวหรือไม่
required ชุดหรือผลตอบแทนไม่ว่าจะเป็นช่องค้นหาต้องกรอกก่อนที่จะส่งแบบฟอร์ม
size ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ size แอตทริบิวต์ของช่องค้นหา
type ผลตอบแทนซึ่งชนิดขององค์ประกอบรูปแบบช่องค้นหาคือ
value ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ value แอตทริบิวต์ของช่องค้นหา

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

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

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

กวดวิชา HTML: รูปแบบ HTML

อ้างอิง HTML: HTML <input> แท็ก

อ้างอิง HTML: HTML <input> ประเภทแอตทริบิวต์


❮ก่อนหน้า ถัดไปอ้างอิง❯