相关疑难解决方法(0)

我有一个表格有4个选项(它们可能是复选框或收音机).

我想选择多个选项,但一个是强制性的.

我知道在JS/jQuery中有可能,但我想要一个HTML/CSS基础解决方案.

我有CSS定制的单选按钮，需要进行验证。默认单选按钮被CSS规则隐藏。

当我提交表单时，默认的验证消息也被隐藏。

形式看起来像这样

禁用单选按钮时如何显示默认错误消息（例如：请选择其中一个选项）？（不使用Js的纯HTML / CSS）

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  visibility: hidden;
}

input[type="radio"]:checked +label {
  border: 1px solid blue;
}

<h3>Gender</h3>

<input id="male" type="radio" name="gender" value="male" required>
<label for="male">Male</label>

<input id="female" type="radio" name="gender" value="female" required>
<label for="female">Female</label>

<input id="other" type="radio" name="gender" value="other" required>
<label for="other">Rather not to say</label>

需要验证单选按钮输入,即当按下提交按钮并且没有选择单选按钮时,它会提醒用户说"请选择一个复选框",如果选择了单选按钮,则只需提交表单,需要没有警觉.

只能使用HTML CSS和JavaScript,我知道它在jquery中容易1000倍,但遗憾的是我无法使用它.

而且我知道我的HTML无效,但除非它直接影响我当前的问题,否则我稍后会处理它.

<form name="form1" action="#" onsubmit="return validateForm()" method="post"> 

    First time visitor?:<br/>
            <label for="s1">Yes</label>
            <input type="radio" id="1" name="yesno" value="1"/>
            <br/>
            <label for="s2">No</label>
            <input type="radio" id="1" name="yesno" value="2"/>

            <br/>       

    <input type="submit" value="Submit"><br/>
    </form>

任何指针都非常感谢,谢谢.

我正在使用斧头Chrome扩展程序检查辅助功能,我收到了违规的单选按钮和复选框.查看W3C文档中的"aria-required",你可以在这里找到它:W3C on aria-required,既没有为使用的角色列出输入.

根据这个问题:HTML5:如何将"required"属性与"radio"输入字段一起使用,您只需要在需要时标记一个单选按钮.但是,我试图使用旧版浏览器的咏叹调并且我得到违规元素必须只使用允许的ARIA属性,说我的任何输入类型无线电或带有咏叹调要求的复选框都不允许使用 "咏叹调".

这与工具是否存在差异,HTML5所需的工作是否略有不同,或者无线电或复选框上实际上不允许使用咏叹调？

html 5表单包含两个单选按钮.如何在提交表单之前强制用户选择一个radion按钮？我试图使用必需但没有单选按钮组,需要应用于组.

<form action="/Home/Sendtitle" method="post">
<p>
  Title*  <span>
    <span>
      <span>
        <input name="staatus" type="radio" value="Mister" autofocus>&nbsp;
        <span>Mister</span>
      </span>
      <span>
        <input name="staatus" type="radio" value="Missis">&nbsp;
        <span>Missis</span>
      </span>
    </span>
  </span>
</p>

<p>
  <input type="submit" value="Send title" >
</p>

</form>