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

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("myRange");
ลองตัวเอง»

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

สร้างวัตถุช่วงเข้า

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

ตัวอย่าง

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

ช่วงอินพุตวัตถุคุณสมบัติ

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

ช่วงอินพุตวัตถุวิธีการ

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

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

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

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

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

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

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


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