html中form表单标签的使用

最新推荐文章于 2024-07-17 22:23:53 发布

丶槛外

最新推荐文章于 2024-07-17 22:23:53 发布

阅读量1.4k

点赞数 4

文章标签： html

本文链接：https://blog.csdn.net/qq_44009317/article/details/106328370

版权

在html中，表单是经常用到的，用来与用户交互并提交数据。今天要介绍的就是表单标签form标签
“form”作为英文单词有“表格”的意思

1.定义和用法

标签是使用来创建供用户输入的html表单，在网页中很常见，比如：注册和登录页面就是用表单实现的。标签中通常会有很多子元素，用来定义各种交互控件（文本字段、复选框、单选框、提交按钮等等），比如< input>、< button>、< select>、< textarea>等标签。

2.语法格式

<form action="提交地址" method="提交方式">表单内容</form>

其中表单内容可以是< input>、< textarea>、< button>、< select>、< option>、< optgroup>、< fieldset>、< label>等标签

3.标签属性

accept：服务器接收到的文件的类型（html5版本也不支持）；
accept-charset：服务器可处理的表单数据字符集；
action：当提交表单时向何处发送表单数据；
autocomplete：是否启用表单的自动完成功能，值可以是：on、off，html5新增；
enctype：在向服务器发送表单数据之前如何对其进行编码，method="post"时可以使用，值可以是：multipart/form-data、text/plain等；
method：用于发送表单数据的HTTP方法，值可以是：get、post；
name：规定表单的名称，在xhtml中也废弃，使用id来代替；
novalidate：提交表单时不进行验证，值为：novalidate，html5新增；
target：在何处打开action属性中的地址，值可以是：_blank、_self、_parent、_top；

4.实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>html中form表单标签的详细介绍</title>
</head>
<body bgcolor="bisque">
	<form action="/1.php" method="get">
		用户名：<br>
		<input type="text" name="userName"><br>
		密码：<br>
		<input type="text" name="password"><br><br>
		<input type="submit" value="登陆">
	</form>
</body>
</html>