{"id":423,"date":"2025-01-27T11:20:57","date_gmt":"2025-01-27T10:20:57","guid":{"rendered":"http:\/\/dblvd.local\/autocomplete\/"},"modified":"2025-01-27T11:39:03","modified_gmt":"2025-01-27T10:39:03","slug":"autocomplete","status":"publish","type":"post","link":"https:\/\/www.dblvd.org\/en\/autocomplete\/","title":{"rendered":"Autocomplete"},"content":{"rendered":"\n

Here is the summary of the autocomplete<\/code> attribute in HTML in German, formatted in tables for a better overview:<\/p>\n\n

Main use of the autocomplete<\/code> attribute<\/h3>\n\n
Element type<\/th>Description<\/th><\/tr><\/thead>
input<\/code><\/td>Can contain a space-separated list of tokens or the values “on”\/”off”. It specifies the expected type of field data. <\/td><\/tr>
textarea<\/code><\/td>Specifies whether the value of the control element can be automatically completed by the browser.<\/td><\/tr>
select<\/code><\/td>Similar to textarea<\/code>, it shows whether the value of the control element can be completed automatically.<\/td><\/tr>
form<\/code><\/td>The attribute also applies to form elements and specifies whether the entire form controls can be filled in automatically.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

Values and behavior<\/h3>\n\n
Value<\/th>Description<\/th><\/tr><\/thead>
\"on\"<\/code><\/td>Allows the browser to automatically complete the input field with its own decisions about the type of data expected.<\/td><\/tr>
\"off\"<\/code><\/td>Prevents auto-completion or value selection for the field due to security or custom implementations.<\/td><\/tr>
Token list example<\/td>\"shipping street-address\"<\/code> or \"section-user1 billing postal-code\"<\/code> to specify the type of information expected.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

Specific properties and effects<\/h3>\n\n
Object type<\/th>Property \/ Effect<\/th><\/tr><\/thead>
HTMLTextAreaElement<\/code><\/td>Reflects whether the value of the control element can be automatically completed by the browser.<\/td><\/tr>
HTMLFormElement<\/code><\/td>Specifies the settings for the automatic completion of the form controls for the entire form.<\/td><\/tr>
HTMLSelectElement<\/code><\/td>Similar to textarea<\/code> and input<\/code>, it determines whether the value of the select control can be filled in automatically.<\/td><\/tr>
HTMLInputElement<\/code><\/td>Specifies whether the input value can be automatically completed by the browser and accepts token lists.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

Notes<\/h3>\n\n
    \n
  • In Firefox, the setting autocomplete=\"off\"<\/code> disables the persistence of the dynamic state and the selected condition of form controls across page loads for privacy and functionality reasons.<\/li>\n<\/ul>\n\n

    These tables summarize the main features and use cases of the autocomplete<\/code> attribute within HTML documents based on information from the Mozilla Developer Network.<\/p>\n\n

    <\/section>\n\n

    The following attributes are possible<\/h1>\n\n

    Here are the tables without the quotation marks for the attributes:<\/p>\n\n

    Default values<\/h3>\n\n
    Attribute<\/th>Description<\/th><\/tr><\/thead>
    on<\/td>Activates autocomplete for the field if the browser supports this.<\/td><\/tr>
    off<\/td>Deactivates autocomplete to force manual entry.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

    Personal information<\/h3>\n\n
    Attribute<\/th>Description<\/th><\/tr><\/thead>
    name<\/td>General name of a person.<\/td><\/tr>
    honorific-prefix<\/td>Prefix like “Mr.” or “Mrs.”.<\/td><\/tr>
    given-name<\/td>First name of the person.<\/td><\/tr>
    additional-name<\/td>Other names (e.g. middle name).<\/td><\/tr>
    family-name<\/td>Last name of the person.<\/td><\/tr>
    honorific-suffix<\/td>Suffix like “Jr.” or “Sr.”.<\/td><\/tr>
    nickname<\/td>Nickname of the person.<\/td><\/tr>
    organization-title<\/td>Job title within an organization.<\/td><\/tr>
    username<\/td>User name for logging in or registering.<\/td><\/tr>
    new-password<\/td>New password for creating or changing account passwords.<\/td><\/tr>
    current-password<\/td>Current password for logging in.<\/td><\/tr>
    one-time-code<\/td>A single-use code for two-factor authentication.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

    Contact information<\/h3>\n\n
    Attribute<\/th>Description<\/th><\/tr><\/thead>
    email<\/td>E-mail address of the person.<\/td><\/tr>
    impp<\/td>Instant Messaging Protocol address.<\/td><\/tr>
    tel<\/td>Telephone number of the person.<\/td><\/tr>
    url<\/td>Website or URL.<\/td><\/tr>
    photo<\/td>URL of a photo of the person.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

    Home address<\/h3>\n\n
    Attribute<\/th>Description<\/th><\/tr><\/thead>
    street-address<\/td>Full street address.<\/td><\/tr>
    address-line1<\/td>First line of the street address (often the house number and the street name).<\/td><\/tr>
    address-line2<\/td>Second line of the street address (e.g. apartment, suite).<\/td><\/tr>
    address-line3<\/td>Third line of the street address (optional).<\/td><\/tr>
    address-level4<\/td>Regional designation level 4 (optional and location-dependent).<\/td><\/tr>
    address-level3<\/td>Regional designation level 3 (e.g. city).<\/td><\/tr>
    address-level2<\/td>Regional designation level 2 (e.g. district).<\/td><\/tr>
    address-level1<\/td>Regional designation level 1 (e.g. federal state).<\/td><\/tr>
    country<\/td>Country code (two-digit according to ISO 3166-1 Alpha-2).<\/td><\/tr>
    country-name<\/td>Full name of the country.<\/td><\/tr>
    postal code<\/td>Postal code or ZIP code.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

    Payment information<\/h3>\n\n
    Attribute<\/th>Description<\/th><\/tr><\/thead>
    cc-name<\/td>Name on the credit card.<\/td><\/tr>
    cc-given-name<\/td>First name on the credit card.<\/td><\/tr>
    cc-additional-name<\/td>Another name on the credit card.<\/td><\/tr>
    cc-family-name<\/td>Last name on the credit card.<\/td><\/tr>
    cc-number<\/td>Credit card number<\/td><\/tr>
    cc-exp<\/td>Expiration date of the credit card (month and year together).<\/td><\/tr>
    cc-exp-month<\/td>Expiry month of the credit card.<\/td><\/tr>
    cc-exp-year<\/td>Expiry year of the credit card.<\/td><\/tr>
    cc-csc<\/td>Card security code.<\/td><\/tr>
    cc-type<\/td>Type of credit card (such as Visa, MasterCard).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

    Further information<\/h3>\n\n
    Attribute<\/th>Description<\/th><\/tr><\/thead>
    transaction-currency<\/td>Currency for the transaction (ISO 4217 code).<\/td><\/tr>
    transaction-amount<\/td>Amount of the transaction.<\/td><\/tr>
    language<\/td>Language preference.<\/td><\/tr>
    bday<\/td>Date of birth.<\/td><\/tr>
    bday-day<\/td>Birthday (day).<\/td><\/tr>
    bday-month<\/td>Month of birth.<\/td><\/tr>
    bday-year<\/td>Year of birth.<\/td><\/tr>
    sex<\/td>Gender.<\/td><\/tr>
    url<\/td>Website or URL.<\/td><\/tr>
    photo<\/td>URL of a photo of the person.<\/td><\/tr>
    organization<\/td>Organization with which the person is associated.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

    These tables contain the possible values of the autocomplete<\/code> attribute with descriptions.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Here is the summary of the autocomplete attribute in HTML in German, formatted in tables for a better overview: Main use of the autocomplete attribute Element typeDescriptioninputCan contain a space-separated list of tokens or the values “on”\/”off”. It specifies the expected type of field data. textareaSpecifies whether the value of the control element can be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-423","post","type-post","status-publish","format-standard","hentry","category-attributes-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/posts\/423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/comments?post=423"}],"version-history":[{"count":1,"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/posts\/423\/revisions"}],"predecessor-version":[{"id":424,"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/posts\/423\/revisions\/424"}],"wp:attachment":[{"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/media?parent=423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/categories?post=423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dblvd.org\/en\/wp-json\/wp\/v2\/tags?post=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}