我只是想知道如何以正确的方式在单选按钮上使用新的HTML5输入属性“ required”。是否每个单选按钮字段都需要下面的属性,或者只有一个字段就足够了吗?
<input type="radio" name="color" value="black" required="required" /> <input type="radio" name="color" value="white" required="required" />
required 为无线电组的至少一个输入设置属性。
required
required所有输入的设置更加清晰,但不是必需的(除非动态生成单选按钮)。
要对单选按钮进行分组,它们必须全部具有相同的name值。这样一次只能选择一个,并应用于required整个组。
name
<form> Select Gender:<br> <label> <input type="radio" name="gender" value="male" required> Male </label><br> <label> <input type="radio" name="gender" value="female"> Female </label><br> <label> <input type="radio" name="gender" value="other"> Other </label><br> <input type="submit"> </form>
另请注意:
为了避免对是否需要单选按钮组感到困惑,建议作者在组中的所有单选按钮上指定属性。实际上,总的来说,鼓励作者避免一开始就没有任何最初检查的控件的单选按钮组,因为这是用户无法返回的状态,因此通常被认为是较差的用户界面。
资源