HTML单选、多选、按钮、下拉框、文本输入框

最新推荐文章于 2024-04-03 09:09:06 发布

_墨___攻_

最新推荐文章于 2024-04-03 09:09:06 发布

阅读量5.3w

点赞数 8

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/guoyongli1990/article/details/50907237

版权

HTML 专栏收录该内容

8 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<body>
		<form action="">
		<input type="radio" name="性别" value="男" >男<br>
		<input type="radio" name="性别" value="女" >女<br>
		<!--多选框	-->
		<input type="checkbox" name="车辆" value="车" >宝马<br>
		<input type="checkbox" name="车辆" value="车" >梅赛德斯奔驰<br>
			<hr>
		<!-- 按钮 -->	
		<input type="button" value="您好！">
			<hr>
		<!--下拉框设置	-->
		<select name="cars">
			<option value="bk" >别克</option>	
			<option value="xfl" selected>雪佛兰</option>	//预选设置
			<option value="dz" >大众</option>	
			<option value="fute" >福特</option>	
		</select>	
			<hr>
		<!--//文本输入框	-->
		<textarea rows="10" cols="30">说点什么吧。。。</textarea>	
		</form>	
	</body>
</html>

<!DOCTYPE html>
<html>
	<body>
		<form action="">
			<!-- 带边框的表单 -->	
		<fieldset>     <!-- 定义一组相关的表单元素，并使用外框包含起来 -->
				<legend>个人信息</legend>   <!--- 定义fieldset元素的标签 --->
				姓    名：<input type="text" size="30"><br>
				邮    箱：<input type="text" size="30"><br>
				出生日期：<input type="text" size="26">
			</fieldset>
		</form>	
	</body>
</html>