autocomplete屬性指定表單應(yīng)啟用還是禁用自動(dòng)完成功能,啟用autocomplete 功能后,瀏覽器會(huì)根據(jù)用戶之前輸入的值自動(dòng)完成填寫。
啟用自動(dòng)完成功能的表單:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML <form> autocomplete 屬性使用-菜鳥教程(cainiaoplus.com)</title> </head> <body> <form action="action_page.php" method="get" autocomplete="on"> First name:<input type="text" name="fname"><br> E-mail: <input type="email" name="email"><br> <input type="submit"> </form> <p>填寫并提交表單,然后重新加載頁(yè)面,再次開始填寫表單-并查看autocomplete 的工作原理。然后,嘗試將autocomplete 功能設(shè)置為“關(guān)閉”。</p> </body> </html>測(cè)試看看 ?/?
IEFirefoxOperaChromeSafari
除了 Opera,其他主流瀏覽器都支持 autocomplete 屬性。
autocomplete屬性指定表單應(yīng)啟用還是禁用自動(dòng)完成功能。
啟用autocomplete 功能后,瀏覽器會(huì)根據(jù)用戶之前輸入的值自動(dòng)完成填寫。
提示:可以將表單的“自動(dòng)完成”設(shè)置為“ on”,將特定的輸入字段的自動(dòng)完成設(shè)置為“ off”,反之亦然。
autocomplete 屬性是 HTML5 中的新屬性。
<form autocomplete="on|off">
值 | 描述 |
---|---|
on | 默認(rèn)。規(guī)定啟用自動(dòng)完成功能。瀏覽器會(huì)基于用戶之前鍵入的值自動(dòng)完成值。 |
off | 規(guī)定禁用自動(dòng)完成功能。用戶必須在每次使用時(shí)輸入值到每個(gè)字段中,瀏覽器不會(huì)自動(dòng)完成輸入。 |