tutorial pengembangan web terbaru
 

Input Text value Property

<Masukan Teks Object

Contoh

Mengubah nilai kolom teks:

document.getElementById("myText").value = "Johnny Bravo";
Cobalah sendiri "

Definisi dan Penggunaan

Nilai properti set atau mengembalikan nilai dari value atribut kolom teks.

Properti nilai berisi nilai default atau nilai jenis pengguna dalam (or a value set by a script) .


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nilai properti didukung di semua browser utama.


Sintaksis

Kembali nilai properti:

textObject .value

Mengatur properti nilai:

textObject .value= Nilai properti
Nilai Deskripsi
text Menentukan nilai dari field input teks

Rincian teknis

Kembali Nilai: Sebuah String, yang mewakili nilai dari kolom teks

Contoh lebih

Contoh

Mendapatkan nilai kolom teks:

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

Hasil x akan:

Mickey
Cobalah sendiri "

Contoh

Validasi form:

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;
}
Cobalah sendiri "

Contoh

daftar dropdown dalam bentuk:

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

Contoh

daftar dropdown lain:

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;
Cobalah sendiri "

Contoh

Sebuah contoh yang menunjukkan perbedaan antara defaultValue dan nilai properti:

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

Pages terkait

Referensi HTML: HTML <input> nilai atribut


<Masukan Teks Object