Ιδιότητα 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
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη