跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

HTML5注册表单的自动聚焦与占位文本示例代码_html5教程技巧

首先看下面要使用html自动聚焦和占位文本的示例代码复制代码代码如下:2:注册帐号新用户注册邮 箱用户名显示名称密码确认密码使用自动聚焦要使用html5的自动聚焦功能,只需要在表单域中添加autofocus属性即可例如上面,想让页面加载完成时自动将光标定位到表单的第一个表单域邮箱上以及提高输入效率。

复制代码代码如下:邮 箱需要注意的是,如果页面中设置了多个autofocus属性,那么用户的光标只会定位到最后一个设置了autofocus属性的表单域上。

使用占位文本占位文本的最大用处,就是向用户说明应该如何正确的填写表单。即进行输入提示。要使用占位文本的话,只需要在输入域中添加placeholder属性即可下面是使用了placeholder属性的输入表单域复制代码代码如下:邮 箱用户名显示名称密码确认密码运行效果如下是否启用自动完成在html5中引入了autocomplete属性。用来通知浏览器是否为当前表单域自动填充数据。某些浏览器会记住用户之前输入的数据,而在某些情况下,我们可能并不希望用户使用记录数据,特别类似于密码这一类的关闭自动完成复制代码代码如下:只需要将atuocomplete的值设置成off,就可以阻止自动完成。

相关文章