表单（人人网）

最新推荐文章于 2024-07-23 14:36:35 发布

书棋06

最新推荐文章于 2024-07-23 14:36:35 发布

阅读量190

点赞数 2

文章标签： python pandas 数据分析

本文链接：https://blog.csdn.net/m0_72975897/article/details/126546380

版权

我汇总了一些我目前学过的表单知识及用法

1.引入库

代码如下（示例）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>人人网</title>
		<style>
			p {
				font-size: 12px;
			}
		</style>
	</head>
	<body>
		<div class="form">
			<!-- 引入图片 -->
			<img src="./image/renren_titile.gif" alt="">
			<p>人人网，中国<strong>最真实,最有效</strong>的社会平台，加入人人网，找回老朋友，结交新朋友。</p>
			<!-- 设置文本框，text后面可以加其他属性，例如设置输入字符的最大长度
			 <p>电子邮箱：<input type="text" maxlength="5"></p>
			 这样就表示，在电子邮箱这个文本框里，输入的最大字符是5个
			 -->
			<p>电子邮箱：<input type="text" ></p>
			<!-- password 密码框，在密码框里输入字符显示的是一个黑色的圆点-->
			<p>设置密码：<input type="password"></p>
			<p>真实姓名：<input type="text"></p>
			<!-- radio单选框，只能二选一 -->
			<p>性别：<input type="radio" name="sex">男<input type="radio" name="sex">女</p>
			<p>生日：
			<!-- select属性，有下拉框，只能选下拉框的选项 -->
				<select name="" id="">
					<option value="">1991</option>
					<option value="">1992</option>
					<option value="">1993</option>
					<option value="">1994</option>
					<option value="">1995</option>
					<option value="">1996</option>
					<option value="">1997</option>
				</select>年<select name="" id="">
					<option value="">1</option>
					<option value="">2</option>
					<option value="">3</option>
					<option value="">4</option>
					<option value="">5</option>
					<option value="">6</option>
					<option value="">7</option>
					<option value="">8</option>
					<option value="">9</option>
					<option value="">10</option>
					<option value="">11</option>
					<option value="">12</option>
				</select>月<select name="" id="">
					<option value="">1</option>
					<option value="">2</option>
					<option value="">3</option>
					<option value="">4</option>
					<option value="">5</option>
					<option value="">6</option>
					<option value="">7</option>
					<option value="">8</option>
					<option value="">9</option>
				</select>日
			</p>
			<p>为什么要填写我的生日</p>
			<p>我现在：<select name="" id="">
					<option value="">请选择身份</option>
					<option value="">医生</option>
					<option value="">老师</option>
				</select></p>
			<div class="yanzhnegma ">
				<img src="./image/renren_code.gif" alt="">
				<a href="#">看不清换一张？</a>
			</div>
	
		   <p>验证码：<input type="text"></p>
		   <img src="./image/renren.gif" alt="">
		   	</div>
	</body>
</html>