{"id":137234,"date":"2024-10-15T11:24:18","date_gmt":"2024-10-15T05:54:18","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?page_id=137234"},"modified":"2024-10-17T12:11:25","modified_gmt":"2024-10-17T06:41:25","slug":"learning-about-the-autocomplete-and-list-attribute-forms","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/learning-about-the-autocomplete-and-list-attribute-forms\/","title":{"rendered":"Learning about the autocomplete and list attribute | Forms"},"content":{"rendered":"\n

HTML5<\/strong> introduces two attributes, autocomplete and list, that enhance form functionality and user experience, especially in responsive web design.<\/p>\n\n\n\n

autocomplete Attribute<\/p>\n\n\n\n

The autocomplete attribute helps browsers to predict the user’s input based on previous form submissions or browsing history. This can save users time and effort, especially on mobile devices.<\/p>\n\n\n\n

Example:<\/strong><\/p>\n\n\n\n

HTML<\/p>\n\n\n\n

<form><\/p>\n\n\n\n

    <label for=”name”>Name:<\/label><\/p>\n\n\n\n

    <input type=”text” id=”name” name=”name” autocomplete=”name”><\/p>\n\n\n\n

    <br><\/p>\n\n\n\n

    <label for=”email”>Email:<\/label><\/p>\n\n\n\n

    <input type=”email” id=”email” name=”email” autocomplete=”email”><\/p>\n\n\n\n

    <br><\/p>\n\n\n\n

    <button type=”submit”>Submit<\/button><\/p>\n\n\n\n

<\/form><\/p>\n\n\n\n

In this example, the name and email fields are set to autocomplete. When a user starts typing in these fields, the browser may suggest previously entered values, making it easier for them to fill out the form.<\/p>\n\n\n\n

Values for <\/strong>autocomplete:<\/strong><\/p>\n\n\n\n