خصائص 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 |
الدعم | الدعم | الدعم | الدعم | الدعم |