HTML ------ 表单实例完结

最新推荐文章于 2023-07-12 13:11:22 发布

qq_42412646

最新推荐文章于 2023-07-12 13:11:22 发布

阅读量102

点赞数

本文链接：https://blog.csdn.net/qq_42412646/article/details/102594325

版权

增加了textarea类型的数据输入方式（一个可以提供大量的数据输入的文本类型数据输入方式）

其内部的height和width可以进行输入文本框的大小设置。

instance：

<html>
	<head>
		<title>注册页面</title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<form action="#" action="get">
			<table border="1px" cellpadding="5px" cellspacing="0px">
				<tr height="30px">
					<td width="60px">姓名</td>
					<td width="180px">
						<input type="text" name="uname" value="" />
					</td>
				</tr>
				<tr height="30px">
					<td width="60px">邮箱</td>
					<td width="180px">
						<input type="text" name="mail" value="" />
					</td>
				</tr>
				<tr height="30px">
					<td width="60px">密码</td>
					<td width="180px">
						<input type="password" name="psw" value="" />
					</td>
				</tr>
				<tr height="30px">
					<td>性别</td>
					<td>
						男<input type="radio" name="sex" value="1" checked="checked" /> 女<input type="radio" name="sex" value="0" />
					</td>
				</tr>
				<tr height="30px">
					<td>所在地</td>
					<td>
						<select name="">
							<option value="1">山东</option>
							<option value="2">北京</option>
							<option value="3">河南</option>
						</select>
					</td>
				</tr>
				<tr height="30px">
					<td>爱好</td>
					<td>
						动漫<input type="checkbox" name="fav" id="fav" value="animation" />
						游戏<input type="checkbox" name="fav" id="fav" value="game" />
						打球<input type="checkbox" name="fav" id="fav" value="ball" />
					</td>
				</tr>
				<tr height="30px">
					<td>个人简介</td>
					<td>
						<textarea name="introduction" rows="10px" cols="25px"></textarea>
					</td>
				</tr>
				<tr height="30px">
					<td colspan="2" align="center"> 
						<input type="radio" name="select" id="select" value="1" />是否同意我们的协议
					</td>
				</tr>
				<tr height="30px"s>
					<td colspan="2"  align="center">
						<input type="submit" value="注册"/>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

注：我们有一个居中操作，其中我们要在td即这一行中进行居中显示而不是对其内部的元素进行align设置，align是对其内部的数据进行居中显示

instance:

<html>
	<head>
		<title>搜索模仿</title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<form action="https://www.so.com/s" method="get">
			<input type="text" name="q" value="" />
			<input type="submit" value="360搜索一下"/>
		</form>
	</body>
</html>

我们可以直接调用其他网站的服务器，但是我们必须有其url，（就是当以get进行显示的时候？前面的那部分。但是对于其特定位置的数据输入块的name必须相同，才能进行调用。