Input Text value özelliği

HTML DOM Girdim Metin Nesnesi

Tanım ve kullanım

value Özellik ayarlanır veya metin alanının value özelliğinin değerini döndürür.

HTML value özelliği varsayılan bir değer veya kullanıcı girişini (veya betik tarafından ayarlanan değeri) içerir.

Ayrıca bakınız:

HTML referans el kitabı:HTML <input> value özelliği

Örnek

Örnek 1

Metin alanının değerini değiştirin:

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

Kişisel olarak deneyin

Daha fazla örnek, sayfanın altında sağlanmıştır.

Sözdizimi

value özelliğini döndürün:

textObject.value

value özelliğini ayarlayın:

textObject.value = text

Özellik değeri

Değer Açıklama
text Giriş metin alanının değerini belirtin.

Teknik ayrıntılar

Dönüş değeri: Dizge değeri, metin alanının değerini temsil eder.

Daha fazla örnek

Örnek 2

Metin alanının değerini almak:

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

Kişisel olarak deneyin

Örnek 3

Form doğrulaması:

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("Ad 10 karakterden fazla olamaz");
  submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
  alert("Yaş 1 ile 100 arasında bir sayı olmalıdır");
  submitOK = "false";
}
if (at == -1) {
  alert("Geçerli bir e-posta değil!");
  submitOK = "false";
}
if (submitOK == "false") {
  return false;
}

Kişisel olarak deneyin

Örnek 4

Formdaki açılır liste:

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

Kişisel olarak deneyin

Örnek 5

Diğer bir açılır liste:

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;

Kişisel olarak deneyin

Örnek 6

defaultValue ve value özellikleri arasındaki farkı gösteren örnek:

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

Kişisel olarak deneyin

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML DOM Girdim Metin Nesnesi