خصائص Input Text value

التعريف والاستخدام

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;

جرب بنفسك

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم