autocomplete屬性是HTML中用於控制瀏覽器是否自動填充表單字段的功能。它通過添加autocomplete屬性到<input>元素上，如autocomplete="on"或autocomplete="off"，來啟用或禁用自動填充建議；常見值包括name、email、tel、address-line1等，以提高數(shù)據(jù)建議的準(zhǔn)確性；應(yīng)啟用autocomplete用於登錄表單、地址填寫等重複輸入場景，而敏感信息或自定義輸入組件則應(yīng)禁用；此外需注意瀏覽器行為差異、移動端更積極的建議策略以及框架中屬性渲染的正確性。

The autocomplete attribute helps browsers and devices know whether to automatically fill in form fields based on previous user input. It's especially useful for forms where users might enter the same information repeatedly, like addresses or passwords.

What is the autocomplete attribute?

It's an HTML feature you can add to form elements like <input> to control whether the browser should suggest previously entered values. This can save users time and reduce typing errors, especially on mobile devices where typing is more cumbersome.

You use it by adding it directly to your input fields:

 <input type="text" name="email" autocomplete="on">

Or turn it off if you don't want suggestions:

 <input type="password" name="new-password" autocomplete="off">

• autocomplete="on" lets the browser make suggestions.
• autocomplete="off" disables suggestions for that field.

Some modern browsers may ignore "off" for certain fields (like usernames or passwords) for security or usability reasons.

Common autocomplete values

There are specific values beyond just "on" and "off". These help the browser understand what kind of data a field expects:

• name : full name
• email : email address
• tel : phone number
• address-line1 , address-line2 : parts of a physical address
• city , region , postal-code : location-related fields
• country : country name or code
• username , new-password , current-password : login-related fields

Using these values improves accuracy — the browser knows which saved data to suggest. For example:

 <input type="text" name="city" autocomplete="address-level2">

This tells the browser that this field is for a city name, so it will suggest previously used cities.

These values are standardized but not all browsers treat them the same. Testing real-world behavior is a good idea, especially on mobile.

When to use autocomplete

You'll want to enable autocomplete on most standard form fields where users expect convenience, such as:

• Login forms (email/username and password)
• Checkout or registration pages (addresses, phone numbers)
• Repeated entries (like multiple contact details)

Disable it when:

• The field contains sensitive one-time info (like a confirmation code)
• You're building a custom input component where autocomplete would interfere
• You have JavaScript-based suggestions already in place

Also note: autocomplete doesn't work with hidden fields or inputs that aren't user-editable.

A few gotchas to watch for

Sometimes autocomplete works differently depending on the browser or device:

• Mobile browsers tend to be more aggressive with suggestions because typing is harder on small screens.
• Password managers often override autocomplete="off" for password fields.
• If you're using React or another framework, make sure the attribute gets rendered correctly in the final HTML — sometimes libraries rename props or handle attributes differently.

If autocomplete isn't working the way you expect, double-check:

• That the attribute is actually in the DOM
• That the value matches a known autocomplete token
• That the browser isn't prioritizing its own logic over your setting

基本上就這些。

以上是自動完成屬性做什麼？的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！