Input Text value attribute

ບັນດາບັນທັດ DOM Input Text

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

value ການຕັ້ງຂໍ້ມູນຫຼືກັບຄືນ value attribute ຂອງບົດສະຫຼັກຂອງຄວາມວ່າດີ。

HTML value attribute ບັນຈຸຄວາມວ່າດີສະເພາະຄວາມວ່າດີທີ່ຜູ້ນຳໃຊ້ບັນຈຸຄວາມວ່າດີຫຼືຄວາມວ່າດີທີ່ຕັ້ງຂໍ້ມູນໂດຍສະໝອງສະເຕດອາກາດຄວາມວ່າດີ。

ບໍ່ດັ່ງນັ້ນເຫັນອີກ：

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

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການປ່ຽນຄວາມວ່າດີຂອງບົດສະຫຼັກຂອງຄວາມວ່າດີ：

document.getElementById("myText").value = "Bill Gates";

ທ້າທາຍທັນຕະວັດ

ມີຫຼັກຖານຫຼາຍຫຼັງພົງເບິ່ງຢູ່ບ່ອນດັ່ງກ່າວ。

ວິທະຍານ

ກັບຄືນ value ຕາມຄວາມວ່າດີ：

textObject.value

ການຕັ້ງຂໍ້ມູນ value ຕາມຄວາມວ່າດີ：

textObject.value = text

ຄວາມມູນຄໍາວ່າດີ

ຄວາມວ່າດີ ອະທິບາຍ
text ກໍານົດຄວາມວ່າດີຂອງຂອງບົດສະຫຼັກຂອງຄວາມວ່າດີ。

ຂໍ້ມູນດ້ານເຕັກນິກ

ຜົນການກັບຄືນ： ຄວາມມູນຄໍາວ່າດີທີ່ຄວາມວ່າດີຂອງຂໍ້ຄວາມຂອງບົດສະຫຼັກຂອງຄວາມວ່າດີ。

ຫຼາຍຕົວຢ່າງອື່ນໆ

ຕົວຢ່າງ 2

ການຄົ້ນຄວ້າຄວາມຂອງຟອມຂຽນຂໍ້:

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

ທ້າທາຍທັນຕະວັດ

ຕົວຢ່າງ 3

ການກວດກາຟອມ:

var at = document.getElementById("email").value.indexOf("@");
var age = document.getElementById("age").value;
var fname = document.getElementById("fname").value;
submitOK = "true";
if (fname.length > 10) {
  alert("The name may have no more than 10 characters");
  submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
  alert("The age must be a number between 1 and 100");
  submitOK = "false";
}
if (at == -1) {
  alert("Not a valid e-mail!");
  submitOK = "false";
}
if (submitOK == "false") {
  return false;
}

ທ້າທາຍທັນຕະວັດ

ຕົວຢ່າງ 4

ລາຍການລົງຄະແນນໃນຟອມ:

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;

ທ້າທາຍທັນຕະວັດ

ຕົວຢ່າງ 5

ລາຍການລົງຄະແນນອື່ນໆ:

var no = document.getElementById("no");
var option = no.options[no.selectedIndex].text;
var txt = document.getElementById("result").value;
txt = txt + option;
document.getElementById("result").value = txt;

ທ້າທາຍທັນຕະວັດ

ຕົວຢ່າງ 6

ສະແດງຄວາມແຕກຕ່າງລະຫວ່າງປະກອບປະກອບຄວາມຄວາມຍິນຍອມ ແລະ ຄວາມຄວາມຂອງ value

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

ທ້າທາຍທັນຕະວັດ

ການສະໜັບສະໜູນຕົວເລື່ອງ

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

ບັນດາບັນທັດ DOM Input Text