Thuộc tính name của Input Color trả về một chuỗi, là giá trị thuộc tính name 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.name
- Thiết lập thuộc tính name thành giá trị chuỗi:
inputColorObject.name = ‘Chuỗi’
Ví dụ
Dưới đây là ví dụ về thuộc tính Input Color name:
<!DOCTYPE html> <html> <head> <title>Input Color Name</title> </head> <body> <form id="formForColorsInput"> Bộ chọn màu: <input type="color" id="Color" name="primaryColor"> </form> <button onclick="changeNameValue()">Thay đổi giá trị name</button> <div id="divDisplay"></div> <script> var inputColor = document.getElementById("Color"); var divDisplay = document.getElementById("divDisplay"); divDisplay.textContent = 'Tên input màu: '+inputColor.name; function changeNameValue() { if(inputColor.name == 'primaryColor'){ inputColor.name = 'secondaryColor'; divDisplay.textContent = 'Tên input màu: '+inputColor.name; } } </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ị name』:
Sau khi nhấn nút 『Thay đổi giá trị name』:
