ఇన్‌పుట్ టెక్స్ట్ వాల్యూ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

వాల్యూ అట్రిబ్యూట్ సెట్టింగ్ లేదా టెక్స్ట్ ఫీల్డ్ విలు యొక్క వాల్యూ అట్రిబ్యూట్ విలు నివేదించు.

హ్ట్మ్ఎల్ వాల్యూ అట్రిబ్యూట్ డిఫాల్ట్ విలు లేదా యూజర్ ఇన్‌పుట్ విలు (లేదా స్క్రిప్ట్ సెట్ విలు) కలిగి ఉంటుంది.

మరింత చూడండి:

హ్ట్మ్ఎల్ పరిశీలన మాన్యం హాండ్బుక్:హెచ్టిఎంఎల్ <input> వాల్యూ అట్రిబ్యూట్

ఉదాహరణ

ఉదాహరణ 1

టెక్స్ట్ ఫీల్డ్ విలు మార్చు:

డాక్యుమెంట్ ఎల్లిమెంట్ ఐడి గుర్తించి వాల్యూ నిర్వహించు: document.getElementById("myText").value = "Bill Gates";

亲自试一试

పేజీ కింద మరిన్ని ఉదాహరణలు అందుబాటులో ఉన్నాయి.

సింటాక్స్

వాల్యూ అట్రిబ్యూట్ నివేదించు:

టెక్స్ట్ ఆబ్జెక్ట్.వాల్యూ

వాల్యూ అట్రిబ్యూట్ నిర్వహించు:

టెక్స్ట్ ఆబ్జెక్ట్.వాల్యూ = టెక్స్ట్

అట్రిబ్యూట్ విలు

విలు వివరణ
టెక్స్ట్ ఇన్‌పుట్ టెక్స్ట్ ఫీల్డ్ విలు నిర్వచించు.

టెక్నికల్ వివరణలు

రిటర్న్ విలు: స్ట్రింగ్ విలు అనేది టెక్స్ట్ ఫీల్డ్ విలు అనేది వివరిస్తుంది.

మరిన్ని ఉదాహరణలు

ఉదాహరణ 2

టెక్స్ట్ ఫీల్డ్ విలువను పొందండి:

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

亲自试一试

ఉదాహరణ 3

ఫార్మ్ పరిశీలన:

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;
}

亲自试一试

ఉదాహరణ 4

ఫార్మ్ లో డౌన్ లిస్ట్ అని చెప్పండి:

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

亲自试一试

ఉదాహరణ 5

మరొక డౌన్ లిస్ట్ అని చెప్పండి:

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;

亲自试一试

ఉదాహరణ 6

ప్రదర్శించండి defaultValue మరియు value అంశాల మధ్య వ్యత్యాసాన్ని ఉదాహరణగా చూపండి:

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

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持