Ιδιότητα value του πεδίου κειμένου Input
Ορισμός και χρήση
value
Ρύθμιση ή επιστροφή της αξίας της ιδιότητας value του πεδίου κειμένου.
Η ιδιότητα value του HTML περιέχει προεπιλεγμένες αξίες ή αξίες εισαγωγής χρήστη (ή αξίες που ορίζονται από το σενάριο).
Για περισσότερες πληροφορίες, δείτε:
Οδηγός HTML:Η ιδιότητα value του <input> του HTML
Εισήγηση
Παράδειγμα 1
Αλλαγή της αξίας του πεδίου κειμένου:
document.getElementById("myText").value = "Bill Gates";
Περισσότερες παραδείγματα παρέχονται στο κάτω μέρος της σελίδας.
Γραμματική
Επιστροφή της ιδιότητας value:
textObject.value
Ρύθμιση της ιδιότητας value:
textObject.value = text
Αξία ιδιότητας
Αξία | Περιγραφή |
---|---|
text | Ορίζει την αξία του πεδίου κειμένου. |
Τεχνικά λεπτομέρειες
Αποτελέσματα: | Αξία κειμένου, που σημαίνει την αξία του πεδίου κειμένου. |
---|
Περισσότερα παραδείγματα
Παράδειγμα 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;
Υποστήριξη browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη |