Input Text value-attribut

HTML DOM Input Text objekt

Definition og brug

value Indstil eller retur værdien af tekstfeltets value-attribut.

HTML value-attribut indeholder standardværdi eller brugerinput (eller værdi indstillet af script).

Se også:

HTML reference manual:HTML <input> value egenskab

Eksempel

Eksempel 1

Ændr værdien af tekstfeltet:

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

Prøv det selv

Flere eksempler findes nedenfor på siden.

Syntaks

Retur value-attribut:

textObject.value

Indstil value-attribut:

textObject.value = text

Attributværdi

Værdi Beskrivelse
text Angiv værdien af inputtekstfeltet.

Tekniske detaljer

Returværdi: Strengværdi, der repræsenterer værdien af tekstfeltet.

Flere eksempler

Eksempel 2

Get værdien af en tekstfelt:

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

Prøv det selv

Eksempel 3

Formularvalidering:

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;

Prøv det selv

Eksempel 4

Rullemenu i formularen:

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

Prøv det selv

Eksempel 5

En anden rullemenu:

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;

Prøv det selv

Eksempel 6

Eksempel på forskellen mellem defaultValue- og value-egenskaberne:

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

Prøv det selv

Browserunderstøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Input Text objekt