form表单的单选框

最新推荐文章于 2024-02-06 17:52:27 发布

majic_Jing

最新推荐文章于 2024-02-06 17:52:27 发布

阅读量9.2k

点赞数 3

分类专栏： form表单的不同用法文章标签： html form表单单选框

本文链接：https://blog.csdn.net/majic_Jing/article/details/101323575

版权

form表单的不同用法专栏收录该内容

3 篇文章 0 订阅

订阅专栏

单选框其实很简单，只需要两个主要属性定义就好，看效果图：

代码如下：

<!DOCTYPE html>
<html>
<head>
	<title>form表单</title>
</head>
<body>
	<form action="http://www.crazy.org" method="get">
		第一组单选框：<br>
		红：<input type="radio" name="color" id="color" value="red"/><br>
		绿：<input type="radio" name="color" id="color2" value="green"/><br>
		蓝：<input type="radio" name="color" id="color3" value="blue"/><br>
		第二组单选框：<br>
		男性：<input type="radio" name="gander" id="gander" value="male"><br>
		<!-- name：形成参数列表，name值设置成一样时，实现单选；name和value是标配，一般情况下默认都加上 -->
		女性：<input type="radio" name="gander" id="gander2" value="female"><br>
	</form>
</body>
</html>

type="radio"这句设置输入框是选择框，一组选择框的name值一致时，才能达到单选的效果，如上代码，两组name值不同，则会形成两个不同的参数列表。