Atribut value Input Text

Objek Input Text DOM HTML

Definisi dan penggunaan

value Atur atau kembalikan nilai atribut value bidang teks.

Atribut value HTML mengandung nilai baku atau nilai input pengguna (atau nilai yang diatur skrip).

Lihat pula:

Panduan HTML:Properti value <input> HTML

Contoh

Contoh 1

Ubah nilai bidang teks:

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

Coba Sendiri

Beberapa contoh lebih banyak disediakan di bawah halaman.

Sintaks

Kembalikan atribut value:

textObject.value

Atur atribut value:

textObject.value = text

Nilai atribut

Nilai Deskripsi
text Tentukan nilai bidang teks.

Detil teknis

Nilai kembalian: Nilai string, menunjukkan nilai bidang teks.

Beberapa contoh lainnya

Contoh 2

Ambil nilai bidang teks:

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

Coba Sendiri

Contoh 3

Pemeriksaan formulir:

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("Nama boleh berisi maksimal 10 karakter");
  submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
  alert("Umur harus angka antara 1 dan 100");
  submitOK = "false";
}
if (at == -1) {
  alert("Bukan email yang sah!");
  submitOK = "false";
}
if (submitOK == "false") {
  return false;
}

Coba Sendiri

Contoh 4

Daftar pilihan di dalam formulir:

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

Coba Sendiri

Contoh 5

Daftar pilihan lainnya:

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;

Coba Sendiri

Contoh 6

Contoh penampilan perbedaan antara atribut defaultValue dan value:

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

Coba Sendiri

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Objek Input Text DOM HTML