Html 如何使用；“必需”；带有“的属性”；电台；输入字段_Html_Radio Button_Required

Html 如何使用；“必需”；带有“的属性”；电台；输入字段

html

Html 如何使用；“必需”；带有“的属性”；电台；输入字段,html,radio-button,required,Html,Radio Button,Required,我只是想知道如何在单选按钮上正确使用新的HTML5输入属性“required”。是否每个单选按钮字段都需要下面这样的属性，或者如果只有一个字段获得该属性，该属性就足够了 <input type="radio" name="color" value="black" required="required" /> <input type="radio" name="color" value="white" required="required" /> TL；DR：为无线电组的

我只是想知道如何在单选按钮上正确使用新的HTML5输入属性“required”。是否每个单选按钮字段都需要下面这样的属性，或者如果只有一个字段获得该属性，该属性就足够了

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

TL；DR：为无线电组的至少一个输入设置

必需的属性。


为所有输入设置required
更清晰，但不是必需的（除非动态生成单选按钮）
要对单选按钮进行分组，它们必须具有相同的名称
值。这允许一次只选择一个，并将required
应用于整个组


选择性别：

男性


女性


其他


这里是一个非常基本但现代的实现，它通过本机HTML5验证实现了所需的单选按钮：

fieldset{
显示：块；
左边距：0；
右边距：0；
填充顶部：0；
填充底部：0；
左侧填充：0；
右边填充：0；
边界：无；
}
正文{字体大小：15px；字体系列：serif；}
输入{
背景：透明；
边界半径：0px；
边框：1px纯黑；
填充物：5px；
盒影：无！重要；
字体大小：15px；字体系列：衬线；
}
输入[type=“submit”]{padding:5px 10px；边距顶端：5px；}
标签{显示：块；填充：0 0 5px 0；}
表单>div{页边距底部：1em；溢出：自动；}
.隐藏{
不透明度：0；
位置：绝对位置；
指针事件：无；
}
.复选框标签{显示：块；浮动：左；}
输入[type=“radio”]+span{
显示：块；
边框：1px纯黑；
左边框：0；
填充物：5px10px；
}
标签：第一个子输入[type=“radio”]+span{左边框：1px纯黑色；}
输入[type=“radio”]：选中+span{background:silver；}

名称（可选）
性别
男性
女性
其他
您可以使用此代码段
<html>
  <body>
     <form>
          <input type="radio" name="color" value="black" required />
          <input type="radio" name="color" value="white" />
          <input type="submit" value="Submit" />
    </form>
  </body>
</html>

有关更多信息，请参考以下URL
我必须使用相同名称和类型的required=“required”
，然后验证工作正常
<input type="radio" name="user-radio"  id="" value="User" required="required" />

<input type="radio" name="user-radio" id="" value="Admin" />

<input type="radio" name="user-radio" id="" value="Guest" /> 


@kumar\u harsh:必须选中任何标记为必需的复选框。同样，将复选框标记为必需对任何其他复选框（名称是否相同）都没有影响。没有简单的标记来指示“在这些具有相同名称的x个复选框中”，必须至少选中一个。@Davdriver是的，如果愿意，您可以在所有单选按钮上指定它。事实上，w3c写道：为了避免混淆是否需要单选按钮组，鼓励作者在组中的所有单选按钮上指定属性。（参见下面的代码示例）Sry但以下是一堆乱七八糟的东西：实际上，一般来说，鼓励作者避免使用没有任何初始检查控件的单选按钮组，因为这是一种用户无法返回的状态，因此通常被认为是糟糕的用户界面。为什么？因为没有初始选中的控件是完全有效的（UX）情况。我还想补充一点，在某些情况下，没有初始化的“选中”状态的单选按钮是一件非常好的事情，而且UX也很好。在我的例子中，用户必须首先根据半长的是/否答案列表对某些对象进行分类。错误地回答这些问题会对下游逻辑产生不利影响。因此，我不能将答案默认为是或否，因为对于用户正在分类的每个对象，答案都会有所不同。他们可能会错过一个需要更改的数据，并将坏数据输入数据库。或者任务被中断，并且不确定他们从哪里中断了。@Seybsen Nah，“一般来说”并没有说明这不是一个绝对的问题。但是这些标准机构从来没有举例说明什么时候使用他们的推荐会是一个糟糕的用户界面，所以我想提供一个。他们让你觉得如果你使用它，你没有考虑到你的用户体验。我希望其他开发人员有信心做出明智的设计选择——而不仅仅是盲目地默认每个单选按钮。在某些情况下，在所有性别元素上设置隐藏类在没有javascript删除它的情况下是否真的有效？
<input type="radio" name="user-radio"  id="" value="User" required="required" />

<input type="radio" name="user-radio" id="" value="Admin" />

<input type="radio" name="user-radio" id="" value="Guest" />