Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính defaultValue của Input Color trong HTML DOM

Thuộc tính defaultValue của HTML DOM Input Color thiết lập/trả về giá trị mặc định tương ứng với một màu. Nó có thể giống hoặc khác với thuộc tính value.

Cú pháp

Cú pháp như sau:

  • Trả về giá trị chuỗi:
inputColorObject.defaultValue
  • Thiết lập defaultValue thành chuỗi:
inputColorObject.defaultValue = ‘chuỗi’

Giá trị boolean

Ở đây, 「chuỗi」 có thể là các giá trị sau:

booleanValue
Chi tiết
#000000 - #ffffff
Định nghĩa rằng input color có thể có giá trị mặc định trong khoảng đã định nghĩa

Ví dụ

Dưới đây là ví dụ về thuộc tính defaultValue của Input Color:

<!DOCTYPE html> <html> <head> <title>Input Color Default Value</title> </head> <body> <form> Bộ chọn màu: <input type="color" id="Color" value="#00cc00"> </form> <button onclick="getDefaultValue()">Lấy Giá Trị Mặc Định</button> <div id="divDisplay"></div> <script>    var divDisplay = document.getElementById("divDisplay");    var inputColor = document.getElementById("Color");    function getDefaultValue() {       divDisplay.textContent = 'Màu mặc định: '+inputColor.defaultValue;    } </script> </body> </html>

Kết quả

Đoạn mã trên sẽ cho kết quả như sau:

Trước khi nhấn 『Lấy Giá Trị Mặc Định』:

Thuộc tính defaultValue của Input Color trong HTML DOM

Sau khi nhấn 『Lấy Giá Trị Mặc Định』:

Thuộc tính defaultValue của Input Color trong HTML DOM