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

2023-10-26

<!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>


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML单选、多选、按钮、下拉框、文本输入框 的相关文章

随机推荐