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

首先看下面要使用HTML自动聚焦和占位文本的示例代码

复制代码

代码如下:

2:

新用户注册

1. 
   邮 箱
   
   


2. 
   用户名
   
   


3. 
   显示名称
   
   


4. 
   密码
   
   


5. 
   确认密码
   
   

使用自动聚焦
要使用HTML5的自动聚焦功能，只需要在表单域中添加autofocus属性即可
例如上面，想让页面加载完成时自动将光标定位到表单的第一个表单域邮箱上以及提高输入效率。

复制代码

代码如下:

邮 箱

需要注意的是,如果页面中设置了多个autofocus属性，那么用户的光标只会定位到最后一个设置了autofocus属性的表单域上。
使用占位文本
占位文本的最大用处，就是向用户说明应该如何正确的填写表单。即进行输入提示。要使用占位文本的话，只需要在输入域中添加placeholder属性即可
下面是使用了placeholder属性的输入表单域

复制代码

代码如下:

1. 
   邮 箱
   
   


2. 
   用户名
   
   


3. 
   显示名称
   
   


4. 
   密码
   
   


5. 
   确认密码
   
   

Kesan operasi adalah seperti berikut

Sama ada autolengkap didayakan
Atribut autolengkap telah diperkenalkan dalam HTML5. Digunakan untuk memberitahu penyemak imbas sama ada untuk mengisi data secara automatik untuk medan borang semasa. Sesetengah penyemak imbas akan mengingati data yang dimasukkan sebelum ini oleh pengguna, dan dalam beberapa kes, kami mungkin tidak mahu pengguna merekodkan data, terutamanya untuk perkara seperti kata laluan
Matikan autolengkap

Salin kod

Kod tersebut adalah seperti berikut:

Anda hanya perlu menetapkan nilai atuocomplete kepada off untuk mengelakkan penyiapan automatik.