HTML——60. autofoucs和autocomplete属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>autofocus和autocomplete属性</title>
	</head>
	<body>
		<!--input元素的type属性:(必须要有)
			1.指定输入内容的类型
			2.默认为text,单行文本框-->		
		<!--input元素的name属性:(必须要有)
			1.传递参数时的参数名称
			2.表单接收找的就是name属性值
			-->
		<!--input元素的value属性:
			1.输入框中的默认值
			2.value值会发送到服务器
		-->		
		<!--input元素的placeholder属性:
			1.输入框中的默认值,当文本框获得焦点时被清空
			2.placeholder中的值不会发送到服务器
			-->
		<!--input元素的maxlength属性:
			1.控制输入的最大字数
			2.包括英文,数字,汉字等
			-->
		<!--input元素的disabled属性:
			1.设置为不可用,不可操作,不能修改,不提交到服务器
			2.用于格式提示
			-->
		<!--input元素的autofocus属性(自动聚焦):
			1.让输入框自动获得焦点(就是鼠标自动点到输入框,框内一闪一闪的吸引着我们可以输入了)。
			2.打开页面以后,光标自动处于编辑状态-->
		<!--input元素的autocomplete属性:
			1.属性值:on/off.
			2.定义是否开启浏览器自动记忆功能(就是当你输入框聚焦时你以前填写的东西会自动浮现,辅助你再次输入)-->	
			
		
		<form action="http://127.0.0.1/51zxw.php" method="post">
		
			<!--<input type="text" name="abc" placeholder="请输入..." autofocus="autofocus"/>-->
			<input type="text" name="abc" placeholder="请输入..." autocomplete="on"/>
			<input type="submit"  value="确定"/>
		</form>
		
	</body>
</html>

autofocus属性就是让画圈处那个“聚焦标”一闪一闪的
在这里插入图片描述

autocomplete属性,就是当你输入框聚焦时你以前填写的东西会自动浮现,辅助你再次输入,这个功能很多浏览器搜索框都自带,没有多大意义

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值