คุณสมบัติ defaultValue ของ HTML DOM Input Color ใช้ตั้งค่า/คืนค่าค่าเริ่มต้นที่สอดคล้องกับสี อาจหรืออาจไม่เหมือนกับแอตทริบิวต์ value
รูปแบบไวยากรณ์ (Syntax)
- การคืนค่าสตริง
inputColorObject.defaultValue
- การตั้งค่า defaultValue เป็นสตริง
inputColorObject.defaultValue = ‘string’
ค่าที่เป็นไปได้
ในที่นี้ “string” สามารถเป็นค่าต่อไปนี้ได้:
| booleanValue | รายละเอียด |
|---|---|
| #000000 - #ffffff | กำหนดว่า input color สามารถมีค่าเริ่มต้นระหว่างช่วงที่กำหนด |
ตัวอย่าง
ตัวอย่างการใช้งานคุณสมบัติ Input Color defaultValue:
<!DOCTYPE html> <html> <head> <title>Input Color Default Value</title> </head> <body> <form> Color Picker: <input type="color" id="Color" value="#00cc00"> </form> <button onclick="getDefaultValue()">ดึงค่าเริ่มต้น</button> <div id="divDisplay"></div> <script> var divDisplay = document.getElementById("divDisplay"); var inputColor = document.getElementById("Color"); function getDefaultValue() { divDisplay.textContent = 'Default Color: '+inputColor.defaultValue; } </script> </body> </html>
ผลลัพธ์
โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:
ก่อนคลิกปุ่ม 「ดึงค่าเริ่มต้น」 :
หลังคลิกปุ่ม 「ดึงค่าเริ่มต้น」 :
