يدور المحتوى المشترك في هذه المقالة حول بعض سمات كائن HTML شائعة الاستخدام مناسبة للمبتدئين للتعلم. يتضمن هذا الموقع بعض سمات كائن HTML شائعة الاستخدام مناسبة للمبتدئين للتعلم. ويوضح الأساليب والمعرفة ذات الصلة بطرق التطبيق ومعرفة سمات الكائن للمبتدئين في المقالة. مرحبًا بك في تقديم بعض الدعم والمساعدة في هذا الصدد! فيما يلي التفاصيل:
ما تشاركه هذه المقالة معك حول بعض خصائص كائن HTML شائعة الاستخدام مناسبة للمبتدئين للتعلم.
كائن شكلطريقة الكائن النموذج
إعادة تعيين (): إعادة تعيين جميع عناصر الإدخال من النموذج إلى قيمها الافتراضية.
إرسال (): إرسال النموذج.
كائن نصخصائص كائن النص
معطل: يضبط أو إرجاع ما إذا كان ينبغي تعطيل حقل النص.
اقرأ فقط: يضبط أو إرجاع ما إذا كان يجب أن يكون حقل النص قراءة فقط.
القيمة: تعيين أو إرجاع سمة القيمة لحقل النص.
طريقة كائن النص
Focus (): ضبط التركيز على حقل النص.
مثال
<! doctype html> <html> <head> <meta charset = utf-8> </title> </head> <body> <pong> <input name = wd/> <type type = إرسال value = baidu onclick = sub ()> </form> <script> form = document.getelementbytilem. var text = document.getElementSbyName (wd) [0] ؛ text.focus () ؛ الدالة sub () {var text = document.getElementSbyName (wd) [0] ؛ // text.value = magic ؛ // text.readonly = true ؛ // console.log (text.readonly) ؛ // text.disabled = true ؛ console.log (text.disabled) ؛ text.focus () ؛ } // العلامات ذات النص النص ، كلمة المرور ، والنص لها قيمة وتركيز وتعطيل وقراءة </script> </body> </html> كائنات الراديوخصائص كائن الراديو
تم التحقق منه: يقوم بتعيين أو إرجاع حالة زر الراديو.
معطل: يضبط أو إرجاع ما إذا كان سيتم تعطيل زر الراديو.
القيمة: تعيين أو إرجاع قيمة خاصية قيمة زر الراديو.
كائن مربع الاختيارخصائص كائن مربع الاختيار
تم التحقق منه: مجموعات أو إرجاع ما إذا كان ينبغي تحديد مربع الاختيار.
معطل: تعيين أو إرجاع ما إذا كان ينبغي تعطيل مربع الاختيار.
القيمة: تعيين أو إرجاع قيمة سمة قيمة مربع الاختيار
حدد كائنحدد جمع الكائن
الخيارات []: إرجاع صفيف يحتوي على جميع الخيارات في القائمة المنسدلة.
حدد خصائص الكائن
المعوقين: تعيينات أو إرجاع ما إذا كان ينبغي تعطيل القائمة المنسدلة.
الطول: إرجاع عدد الخيارات في القائمة المنسدلة.
SelectionIndex: يقوم بتعيين أو إرجاع رقم الفهرس للعنصر المحدد في القائمة المنسدلة.
حدد طريقة الكائن
إضافة (): أضف خيارًا إلى القائمة المنسدلة.
إزالة (): قم بإزالة خيار من القائمة المنسدلة.
كائن الخيارطريقة بناء كائن الخيار
الخيار (النص ، القيمة): قم بإنشاء كائن خيار من خلال قيم النص والقيمة
خصائص كائن الخيار
المحدد: يحدد أو إرجاع قيمة الخاصية المحددة.
النص: يقوم بتعيين أو إرجاع قيمة النص العادي لخيار ما.
القيمة: تعيين أو إرجاع القيمة المرسلة إلى الخادم.
حدد مثال كائن وخيار كائن <! doctype html> <html> <head> <meta charset = utf-8> </t title> </head> <body> <select id = date> <option value = 1> first grade </eptive> <spult> </exper value = button/button/> <script type = text/javaScript> function text () {var select = document.getElementById (grade) ؛ console.log (select.disabled) ؛ console.log (select.length) ؛ console.log (select.selectedIndex) ؛ console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ `) var = select.options ؛ console.log (خيارات [select.selectedIndex] .value) ؛ console.log (@@@@@@@@@stid@@@@@@@@@@sthrom@@@@@@@@@@@sthose@@@@@@@@@str@@@@@@@@@@sth. console.log (خيارات [i] .selected) ؛ console.log (خيارات [i] .text) ؛ } VAR OPTION = خيار جديد (الصف الخامس ، 5) ؛ select.add (خيار) ؛ select.remove (0) ؛ } </script> </body> </html> نموذج التسجيل <! doctype html> <html> <head> <meta charset = utf-8> <bitle> </title> </head> <body> <span style = color: red ؛ id = arm-massage> </span> <br/> <form OnSubmit = return check ()> <table> <tr> <td> اسم المستخدم: </td> كلمة المرور onBlur = check_pw ()> </td> </tr> <tr> <td> تأكيد كلمة المرور: </td> <td> <td id = pw-check type = password placeholder = الرجاء إدخال كلمة المرور/> </td> </tr> </train> <trype type = radio value = 0/ name = hobby value = 0/> tadminton <type type = checkbox name = hobby value = 1/> كرة السلة <type type = checkbox name = hobby value = 1/> table tennis <type type = checkbox name = 3> value </> junior </junior </junior </junior </junior </regal> value = 4> Senior </Option> </select> <br/> <td> <type type = reset value = reset/</td> <td> <type type = profft value = register/</td> </form> <script> // باستخدام دالة $ () يمكن أن يحفظ دالة كود $ (id) {return document.getElementByid (id) ؛ } check () {var n = document.getElementById (name) ؛ var w = document.getElementById (pw) ؛ var msg = document.getElementById (التركيز الخاطئ) ؛ var c = document.getElementById (pw-check) ؛ if (n.value.length> 12) {msg.innerhtml = لا يمكن أن يتجاوز اسم المستخدم 15 حرفًا ، يرجى إعادة الدخول! ؛ n.focus () ؛ العودة كاذبة } if (n.value.length == 0) {msg.innerhtml = لا يمكن أن يكون اسم المستخدم فارغًا ، يرجى إعادة الدخول! ؛ n.focus () ؛ العودة كاذبة } if (w.value.length> 12) {msg.innerhtml = لا يمكن أن تتجاوز كلمة المرور 12 حرفًا ، يرجى إعادة الدخول! ؛ W.Focus () ؛ العودة كاذبة } if (w.value.length == 0) {msg.innerhtml = لا يمكن أن تكون كلمة المرور فارغة ، يرجى إعادة الدخول! ؛ W.Focus () ؛ العودة كاذبة } if (w.value! = c.value) {msg.innerhtml = كلمة المرور خاطئة ، يرجى إعادة الدخول! ؛ c.focus () ؛ العودة كاذبة } var sex = document.getElementSbyName (sex) ؛ var hobby = document.getElementSbyName (hobby) ؛ لـ (var i = 0 ؛ i <sex.length ؛ i ++) {sex [i] .disabled = true ؛ console.log (sex [i]. checked + + sex [i] .value) ؛ } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) لـ (var i = 0 ؛ i <hobby.length ؛ i ++) {hobby [i] .checked = true ؛ console.log (hobby [i]. checked + + hobby [i] .value) ؛ } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) var select = document.getElementById (Grade) ؛ VAR OPTIONS = select.options ؛ console.log (select.length) ؛ console.log (select.selectedIndex) ؛ console.log (خيارات [select.selectedIndex] .value) ؛ لـ (var i = 0 ؛ i <options.length ؛ i ++) {var option = Options [i] ؛ console.log (Option.value) select.disabled = true ؛ } إرجاع خطأ ؛ } وظيفة check_name () {var n = document.getElementById (name) ؛ var msg = document.getElementById (التركيز الخاطئ) ؛ if (n.value.length> 12) {msg.innerhtml = لا يمكن أن يتجاوز اسم المستخدم 15 حرفًا ، يرجى إعادة الدخول! ؛ n.value = ؛ n.focus () ؛ } آخر إذا (n.value.length == 0) {msg.innerhtml = لا يمكن أن يكون اسم المستخدم فارغًا ، يرجى إعادة الدخول! ؛ n.focus () ؛ } آخر {msg.innerhtml = ؛ }} وظيفة check_pw () {var w = document.getElementById (pw) ؛ var msg = document.getElementById (التركيز الخاطئ) ؛ if (w.value.length> 12) {msg.innerhtml = لا يمكن أن تتجاوز كلمة المرور 12 حرفًا ، يرجى إعادة الدخول! ؛ W.Value = ؛ W.Focus () ؛ } آخر إذا (w.value.length == 0) {msg.innerhtml = كلمة المرور لا تتطابق ، يرجى إعادة الدخول! ؛ W.Focus () ؛ } آخر {msg.innerhtml = ؛ }} </script> </body> </html> كائن الصورةخصائص كائن الصورة
SRC: تعيين أو إرجاع عنوان URL للصورة.
محتوى مقدمة لبعض خصائص كائن HTML شائعة الاستخدام مناسبة للمبتدئين للتعلم هنا. يمكنك وضع إشارة مرجعية على عنوان URL لهذه الصفحة http://www.vevb.com/web/a/2018090496002002.shtml لسهولة الوصول في المرة القادمة.