Input Color value attribute

ອັນດັບ DOM Input Color

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

value ການການປັບປຸງຕົວເລກ value ຂອງຄູ່ສະແດງສີ.

HTML value attribute ກໍານົດສີຂອງຄູ່ສະແດງສີ.

ຄຳເຫັນ:ຖ້າບໍ່ມີການກໍານົດໃດໆຫນັງນັ້ນລະຫັດສີສະເພາະແມ່ນ #000000 (ສີດຳ).

ຫົວຂໍ້ກ່ຽວຂ້ອງ

ການສອນ HTML:ສີ HTML

ຄູ່ສະແດງ HTML:ປະສົມຜົນງານ <input> value

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການປ່ຽນສີຂອງຄູ່ສະແດງສີ:

document.getElementById("myColor").value = "#FF8040";

ທ້າທາຍຕົວເລກເອງ

ຕົວຢ່າງ 2

ການຊອກຫາສີຂອງຄູ່ສະແດງສີ:

var x = document.getElementById("myColor").value;

ທ້າທາຍຕົວເລກເອງ

ຕົວຢ່າງ 3

ຕົວຢ່າງຂອງຄວາມແຕກຕ່າງລະຫັດ defaultValue ແລະ value:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

ທ້າທາຍຕົວເລກເອງ

ວິທິການ

ການຫຼົງອອກຕົວເລກ value:

colorObject.value

ການປັບປຸງຕົວເລກ value:

colorObject.value = #hexvalue

ຕົວເລກປະກອບ

ຕົວເລກ ການອະທິບາຍ
#hexvalue

ພິມສີຂອງຄູ່ສະແດງສີ.

ຕົວເລກຕ້ອງເປັນຄວາມສະເພາະ (hex) 3 ສິບສອງສິບທີ່ເລີ່ມດ້ວຍ # (ເຊັ່ນ #FF8040).

ສຳນວນຄວາມເຫັນ:ບໍ່ອະນຸຍາດນຳໃຊ້ຄຳສະເພາະສີ (ເຊັ່ນ "red" ຫຼື "blue").

ຄຳເຫັນ:ລະຫັດສີສະເພາະແມ່ນ #000000 (ສີດຳ).

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄວາມຮັບຜິດຊອບ: ຄວາມລະບຸເປັນຕາສາດສະແດງສີ.

ການສະໜັບສະໜູນບັນດາສັນຍາລະຫວ່າງ

ຈຳນວນໃນຕາລະບັນ ແມ່ນການສະແດງບັນດາສັນຍາລະຫວ່າງທີ່ສະໜັບສະໜູນຢ່າງເຕັມຮູບແບບທຳອິດຂອງຄວາມສຳຄັນນີ້.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ 10.0 ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ສຳນວນຄວາມເຫັນ:ສັນຍາລະຫວ່າງ <input type="color"> ບໍ່ສະແດງຄູ່ສິນໃນ Internet Explorer ແລະ Safari.

ອັນດັບ DOM Input Color