Input Text value ominaisuus

HTML DOM Input Teksti-objekti

Määrittely ja käyttö

value Aseta ominaisuus tai palauta tekstin kentän value-ominaisuuden arvo.

HTML value-ominaisuus sisältää oletusarvon tai käyttäjän syötteen (tai skriptin asettaman arvon).

Katso myös:

HTML viittausoppikirja:HTML <input> value ominaisuus

Esimerkki

Esimerkki 1

Muuta tekstin kentän arvo:

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

Kokeile itse

Lisää esimerkkejä sivun alalta.

Syntaksi

Palauta value-ominaisuus:

textObject.value

Aseta value-ominaisuus:

textObject.value = text

Ominaisuusarvo

Arvo Kuvaus
text Määritä syötetekstin kentän arvo.

Tekninen yksityiskohta

Palautusarvo: Merkkijonoarvo, joka edustaa tekstin kentän arvoa.

Lisää esimerkkejä

Esimerkki 2

Hanki tekstikentän arvo:

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

Kokeile itse

Esimerkki 3

Lomakkeen validointi:

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;

Kokeile itse

Esimerkki 4

Lomakkeen pudotusvalikko:

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

Kokeile itse

Esimerkki 5

Toinen pudotusvalikko:

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;

Kokeile itse

Esimerkki 6

Esimerkki defaultValue- ja value-ominaisuuksien välisestä erosta:

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

Kokeile itse

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML DOM Input Teksti-objekti