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

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 หรือ Safari

เข้าวัตถุสีอินพุต

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

ตัวอย่าง

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

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

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

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

ตัวอย่าง

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

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

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

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

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

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

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

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

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


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