HTML--Boby部分Input之单选框

 

 随笔记录方便自己和同路人查阅。

#------------------------------------------------我是可耻的分割线-------------------------------------------

 

新建.html格式文件，输入以下内容

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input系列</title>
</head>
<body>
    <form>
        <p>性别：</p>
        男<input  type="radio"/>
        女<input  type="radio"/>
    </form>
</body>
</html>

 

使用浏览器打开后展示内容：

radio类型在浏览器中显示为单选框，但是有一个问题是，在以上结果展示中可以看出，虽然为单选框，但是可以都选中，我们给radio加入name

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input系列</title>
</head>
<body>
    <form>
        <p>性别：</p>
        男<input  type="radio" name="sex"/>
        女<input  type="radio" name="sex"/>
    </form>
</body>
</html>

 

结果展示：

 

 这样就实现了单选框操作，性别执行选中一个。别急这样还有一个问题，就是无法提交到后台。

 

posted @ 2019-07-30 14:27  李荣洋  阅读(670)  评论(0)  编辑  收藏  举报