1.提示占位 placeholder
<input type="text" name="userName" placeholder="请输入用户名">
2.自动获取焦点 autofocus
添加这个属性后,页面加载时这个输入框会自动获取焦点
<input type="text" name="userName" autofocus>
3.自动完成 autocomplete:on打开(默认) off关闭
开启这个属性后,当这个输入框获取焦点时,会自动提示提交过的数据。
注意:数据必须成功提交过,且这个input标签必须有name属性,因为它依靠name属性的值来筛选提交过的数据,只有name属性值一致时,才会将之前提交的数据提示出来。
<div>
用户名:<input type="text" name="userName" autocomplete="on">
爱好:<input type="text" name="hobby" autocomplete="on">
</div>