اذهب إلى المحتوى
  • 0

كيف أجعل حقلا من نوع radio ضروريا "required" في html5؟

ليلى مبرمجة

السؤال

في Html5، كيف يمكنني استعمال الخاصية “required” للحقل من نوع radio؟

هذا مثالي:

<input type="radio" name="color" value="black" required="required" />
<input type="radio" name="color" value="white" required="required" />

 

تم التعديل في بواسطة عبد الهادي اطويل
تعديل العنوان وتنسيق الموضوع
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

حقل radio يكون عدّة خيارات , الكود الذي كتبته كأنك تقول المستخدم يمكن ان يختار اللّون الأحمر أو الآسود لكن لايمكن ان لايختار أي لون الحل مع العنصر checkbox

<input type="checkbox" name="color" value="black" required="required" />
<input type="checkbox" name="color" value="white" required="required" />

 

 

تم التعديل في بواسطة يوسف سيد
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

بالنسبة للحقول radio إذا كنت تريد عمل مجموع radios وعند تفعيل احداها يختفي تفعيل الأخرى يجب عليك أولا إعطتاءها جميعها نفس خاصية name في مثالنا سنستعمل name="test", ويجب أن يكون حقل واحد فقط يتوفر على القيمة required
كمثال على كلامي :

<form>
<label for="input1">1:</label><input type="radio" name="test" id="input1" required value="1" /><br />
<label for="input2">2:</label><input type="radio" name="test" id="input2" value="2" /><br />
<label for="input3">3:</label><input type="radio" name="test" id="input3" value="3" /><br />
<input type="submit" value="send" />
</form>


ستأتي الاولى مفعلة بينما الثانية والثالثة غير مفعلة و عند الضغط على الثانية أو الثالثة تفعل و تصبح الأولى غير مفعلة .

قم بزيارة الدرس :

أساسيات html5

تم التعديل في بواسطة E.Nourddine
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

بالنسبة للحقول radio إذا كنت تريد عمل مجموع radios وعند تفعيل احداها يختفي تفعيل الأخرى يجب عليك أولا إعطتاءها جميعها نفس خاصية name في مثالنا سنستعمل name="test", ويجب أن يكون حقل واحد فقط يتوفر على القيمة required
كمثال على كلامي :

<form>
<label for="input1">1:</label><input type="radio" name="test" id="input1" required value="1" /><br />
<label for="input2">2:</label><input type="radio" name="test" id="input2" value="2" /><br />
<label for="input3">3:</label><input type="radio" name="test" id="input3" value="3" /><br />
<input type="submit" value="send" />
</form>
ستأتي الاولى مفعلة بينما الثانية والثالثة غير مفعلة و عند الضغط على الثانية أو الثالثة تفعل و تصبح الأولى غير مفعلة .

قم بزيارة الدرس :

أساسيات html5

​اعتقد انه ماكان يقصد ذلك لانه بالفعل كان يجعلهم بنفس الاسم اظنه كان يقصد أن يجعلهم جميعهم مطلوبون .

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...