JavaWeb_HTML（13）_HTML 表单_单选框

最新推荐文章于 2024-03-08 15:34:50 发布

魏宇轩

最新推荐文章于 2024-03-08 15:34:50 发布

阅读量2.7k

点赞数 1

分类专栏： HTML（更新完）文章标签： JavaWeb HTML 表单单选框

本文链接：https://blog.csdn.net/qq_36260974/article/details/88370727

版权

HTML（更新完）专栏收录该内容

21 篇文章 2 订阅

订阅专栏

本系列博客汇总在这里：JavaWeb_HTML 汇总

一、属性说明

类型
```
type="radio"
```
表示这是一个单选框。
名称
```
name="sex"
```
将来用于服务器取值使用。
注意：如果多个单选按钮时互斥关系，那么，就必须把这多个按钮看做一个按钮组。一个按钮组的名字必须是一致的。
ID
```
id="man"
```
将来用于 js 获取值使用。
值
```
value="男"
```
将来服务器真正获取到的值。
初始选项
```
checked="checked"
```
是标记属性，就是初始选中的标记。

二、示例

<html>
	
	<head>
		<title>www.weiyuxuan.com</title>	
	
	</head>
	
	<body>
		
		<h1>HTML表单_单选框</h1>
		
		<form action="/xxx/xxx.jsp" method="post">
			
			<br/>性&nbsp;&nbsp;别：	<input id="man"  type="radio" value="1" name="gender">男&nbsp;&nbsp;
			
									<input id="woman" checked="checked" value="2" type="radio" name="gender">女<br/>
					
		</form>
		
	</body>
	
</html>

在这里插入图片描述

如有错误，欢迎指正！

魏宇轩

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb_HTML（13）_HTML 表单_单选框

表单单选框type=&amp;quot;radio&amp;quot;表示这是一个单选框。name=&amp;quot;sex&amp;quot;将来用于服务器取值使用。注意：如果多个单选按钮时互斥关系，那么，就必须把这多个按钮看做一个按钮组。一个按钮组的名字必须是一致的。id=&amp;quot;man&amp;quot;将来用于 js 获取值使用。value=&amp;quot;男&amp;quot;
复制链接

扫一扫