单选按钮必需属性不起作用

时间:2017-04-24 02:57:08

标签: html html5

我正在使用HTML处理网页。场景是:

<section>
    <form>

        <!-- FIRST DIVISION -->
        <div> 
            <form>
                <input type="radio" name="gender" value="male" required>
                <input type="radio" name="gender" value="female" >
            </form>
        </div>

        <!-- SECOND DIVISION -->
        <div>
            <form>
            </form>
        </div>

        <!-- THIRD DIVISION -->
        <div>
            <form>
            </form>
        </div>

     <input type="submit" value="submit">

    </form>
</section>

从上面的场景中,一个部分有一个表单,而表单中的部分很少。我的问题是:如何在第三个部门之后在底部放置一个提交按钮(如上所示),该部门从用户收集所有输入的数据并提交给它?

我遇到的问题是使用单选按钮的required属性。当我提交表单时,它并没有提示我它是必填字段。如何更改我的代码,以便单选按钮提示我它是必填字段?

1 个答案:

答案 0 :(得分:1)

尝试删除其他表单标记以及单选按钮中的required,如下所示。

<section>
    <form>

        <!-- FIRST DIVISION -->
        <div> 

                <input type="radio" name="gender" value="male">
                <input type="radio" name="gender" value="female" >

        </div>

        <!-- SECOND DIVISION -->
        <div>

        </div>

        <!-- THIRD DIVISION -->
        <div>

        </div>

     <input type="submit" value="submit">

    </form>
</section>