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

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

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

بالنسبة للحقول 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

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