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

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> องค์ประกอบที่มีประเภท = "จำนวน" ยังไม่ได้รับการสนับสนุนใน Internet Explorer 9 และรุ่นก่อนหน้า

เข้าถึงจำนวนวัตถุอินพุต

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

ตัวอย่าง

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

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

สร้างจำนวนวัตถุอินพุต

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

ตัวอย่าง

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

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

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

วิธีการป้อนจำนวนวัตถุ

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

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

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

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

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

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

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


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