表单的应用

最新推荐文章于 2023-04-28 00:03:48 发布

黄不逗

最新推荐文章于 2023-04-28 00:03:48 发布

阅读量153

点赞数

分类专栏： Html 系列

本文链接：https://blog.csdn.net/weixin_45172119/article/details/106247358

版权

Html 系列专栏收录该内容

8 篇文章 0 订阅

订阅专栏

表单的应用

如果要将表单的数据提交到网站中，就需要form标签的action属性，action属性的值就是表单提交数据的网址。
同时input需要包含form标签中，并且要有一个input的类型是sumit（提交），同时input需要增加一个name属性。这样的标签才有意义存在。
想要我们的数据提交到服务器中，那么需要在input中增加name属性。
另外重置的表单是用reset类型。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录表单</title>
	</head>
	<body>
		<form action="http://baidu.com" method="post">
			<table border="1" cellspacing="0"width="600px">
				<tbody>
					<tr height="20px" align="center">
						<td rowspan="4">总体信息</td>
						<td colspan="2"></td>
					</tr>
					<tr height="20px" align="right">
						<td>用户名：</td>
						<td align="left"><input type="text" value="" name="user" /></td>
					</tr>
					<tr height="20px" align="right">
						<td>密码:</td>
						<td align="left"><input type="password" name="密码" id="" value="" /></td>
					</tr>
					<tr height="20px" align="center">
						<td colspan="2">
							<input type="submit" name="" id="" value="提交" />
							<input type="reset" name="" id="" value="重置" />
						</td>
					</tr>
				</tbody>
			</table>
		</form>

	</body>
</html>

表单知识点总结：

在这里插入图片描述

input标签常见类型总结：

在这里插入图片描述

黄不逗

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表单的应用

表单的应用如果要将表单的数据提交到网站中，就需要form标签的action属性，action属性的值就是表单提交数据的网址。同时input需要包含form标签中，并且要有一个input的类型是sumit（提交），同时input需要增加一个name属性。这样的标签才有意义存在。想要我们的数据提交到服务器中，那么需要在input中增加name属性。另外重置的表单是用reset类型。<!DOCTYPE html><html> <head> <meta c
复制链接

扫一扫