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

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> องค์ประกอบที่มีประเภท = "วันที่" ไม่แสดงใด ๆ วันฟิลด์ / ปฏิทินใน Firefox

เข้าวัตถุป้อนวันที่

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

ตัวอย่าง

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

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

สร้างวัตถุป้อนวันที่

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

ตัวอย่าง

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

คุณสมบัติของวัตถุป้อนข้อมูลวันที่

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

วิธีการป้อนข้อมูลวันที่วัตถุ

วิธี ลักษณะ
stepDown() decrements ค่าของฟิลด์วันโดยจำนวนที่ระบุ
stepUp() เพิ่มขึ้นค่าของฟิลด์วันโดยจำนวนที่ระบุ

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

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

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

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

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

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


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