autocomplete属性的使用

最新推荐文章于 2025-03-07 09:41:02 发布

酷小亚

最新推荐文章于 2025-03-07 09:41:02 发布

阅读量2.3w

点赞数 9

分类专栏：从零学习HTML5 文章标签： html html5 css

原文链接：https://www.ptpress.com.cn

版权

从零学习HTML5 专栏收录该内容

57 篇文章

订阅专栏

本文详细介绍了HTML中form标签的action、method和autocomplete属性。action属性用于指定处理表单数据的服务器URL，method属性决定数据提交方式，get用于小量数据，而post适合大量数据且保密性好。autocomplete属性则控制表单是否开启自动完成功能，on表示开启，off则关闭。此外，autocomplete属性还可应用于input元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过设置表单属性可以实现提交方式、自动完成、表单验证等不同的表单功能。下面将对form标记的相关属性进行详解！

效果图：

7-2

当你在“用户名”的文本输入框中依次输入……，分别单击“提交”按钮。然后再单击“用户名”文本框时，效果如下：

7-2-2

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>autocomplete属性的使用</title>
</head>
<body>
	<form id="formBox" autocomplete="on">
		用户名：
		<input type="text" id="autofirst" name="autofirst"/><br/><br/>
		昵&nbsp;&nbsp;&nbsp;称：
		<input type="text" id="autosecond" name="autosecond"/><br/><br/>
		<input type="submit" value="提交" />
	</form>
</body>
</html>

重点：

action属性： 在表单收集信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。基本语法格式如下：

<form action="url 地址" method="提交方式" name="表单名称">
各种表单控件
</form>

method属性： 用于设置表单数据的提交方式，其取值为get或post。get为method属性的默认值。get方法提交的数据将显示在浏览器的地址中，保密性差，且有数据量的限制。post方法的保密性好，并且无数据量的限制，所以使用method=“post”可以大量的提交数据。
name属性： name属性用于指定表单的名称，以区分同一个页面中的多个表单。
autocomplete属性： 有两个值（on与off）

on: 表单有自动完成功能。
off: 表单无自动完成功能。