html如何设置下拉列表

最新推荐文章于 2024-06-13 09:00:00 发布

木木子！

最新推荐文章于 2024-06-13 09:00:00 发布

阅读量2.4w

点赞数 14

本文链接：https://blog.csdn.net/qq_43279782/article/details/106315725

版权

一.html中的下拉列表介绍

可以用许多方法完成下拉列表的功能。介绍在htlm中下拉列表的实现，html中下拉列表由select和option这两个表单标签一起使用来完成下拉功能的。
代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>e易行</title>
	</head>
	 
	
	<body style="text-align: center;">
		<h1>欢迎来到e易行账号注册</h1>
		输入邮箱：<input type="text" /></p>
		输入姓名：<input type="text" /></p>
		性别：<input type="radio">男<input type="radio" >女<p/>
		生日：<select>
			<option  value="volvo">1996</option>
			<option  value="saab">1997</option>
			<option  value="operl">1998</option>
			<option  value="audi">1999</option>
			<option  value="volvo">1999</option>
			
		</select>年
		
		<select>
			<option  value="volovo">1</option>
			<option  value="saab">2</option>
			<option  value="opel">3</option>
			<option  value="audi">4</option>
			<option  value="audi">5</option>
			<option  value="audi">6</option>
			<option  value="audi">7</option>
			<option  value="audi">8</option>
			<option  value="audi">9</option>
			<option  value="audi">10</option>
			<option  value="audi">11</option>
			<option  value="audi">12</option>
			
		</select>月
		<select>
			<option value="1">1</option>
			<option value="saab">2</option>
              <option value="opel">3</option>	
			  <option value="audi">4</option>
		</select>日
		
		验证码：<input type="text" ></p>
	</body>
</html>

运行截图：
在这里插入图片描述

木木子！

关注

14
点赞
踩
110

收藏

觉得还不错? 一键收藏
打赏
0
评论
html如何设置下拉列表

一.html中的下拉列表介绍可以用许多方法完成下拉列表的功能。介绍在htlm中下拉列表的实现，html中下拉列表由select和option这两个表单标签一起使用来完成下拉功能的。代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>e易行</title> </head> <body style="text-align
复制链接

扫一扫