autocomplete属性的使用

通过设置表单属性可以实现提交方式、自动完成、表单验证等不同的表单功能。下面将对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或postget为method属性的默认值。get方法提交的数据将显示在浏览器的地址中,保密性差,且有数据量的限制。post方法的保密性好,并且无数据量的限制,所以使用method=“post”可以大量的提交数据。
name属性: name属性用于指定表单的名称,以区分同一个页面中的多个表单。
autocomplete属性: 有两个值(on与off)

  1. on: 表单有自动完成功能。
  2. off: 表单无自动完成功能。
注意:autocomplete属性不仅可以用于form元素,还可以用于所以输入类型的input元素。

声明:“来自于网络,如果侵犯著作权,请联系删除”

  • 9
    点赞
  • 41
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值