Thuộc tính value của HTML DOM Input Color trả về một chuỗi đại diện cho giá trị thuộc tính value của input color. Người dùng cũng có thể thiết lập nó thành một chuỗi mới.
Cú pháp
Cú pháp như sau:
- Trả về giá trị chuỗi:
inputColorObject.value
- Thiết lập thuộc tính value thành giá trị chuỗi:
inputColorObject.value = ‘Chuỗi’
Ví dụ
Dưới đây là ví dụ về thuộc tính Input Color value:
<!DOCTYPE html> <html> <head> <title>Input Color Value</title> </head> <body> <form id="formForColorsInput"> Màu chính: <input type="color" id="Color" name="primaryColor" value="#00ff00"> </form> <button onclick="changeValue()">Lấy type & đổi thành text</button> <div id="divDisplay"></div> <script> var inputColor = document.getElementById("Color"); var divDisplay = document.getElementById("divDisplay"); divDisplay.textContent = 'giá trị: '+inputColor.value; function changeValue() { if(inputColor.value == '#00ff00'){ inputColor.value = '#ff0000'; divDisplay.textContent = 'giá trị: '+inputColor.value; } } </script> </body> </html>
Kết quả
Đoạn mã trên sẽ cho kết quả như sau:
Trước khi nhấn nút 『Thay đổi giá trị input color』:
Sau khi nhấn nút 『Thay đổi giá trị input color』:
