• 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" />

 

تمّ تعديل بواسطة عبد الهادي اطويل
تعديل العنوان وتنسيق الموضوع

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

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

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

 

 

تمّ تعديل بواسطة يوسف سيد
1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 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

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن