OnlineCBT Logo OnlineCBT
HTML Tutorial
HTML · LESSON 37

Hidden Inputs and Autocomplete

By Ratan Updated: 16 Oct 2026

Store hidden data tokens with <input type='hidden'> and optimize browser autofill with autocomplete attribute.

Level: Beginner to Advanced
Duration: ~60 Mins Deep-Dive

1. Hidden Form Inputs (type="hidden")

Hidden inputs allow web applications to include data in form submissions that cannot be seen or edited by the user (such as CSRF security tokens, session identifiers, or database foreign keys):

Click submit to record your final assessment.

2. Form Autocomplete (autocomplete)

The autocomplete attribute hints to the browser how to autofill credentials and profile data:

  • autocomplete="email" – Prompts saved email addresses.
  • autocomplete="current-password" – Prompts password managers to autofill the current password.
  • autocomplete="new-password" – Tells password managers to generate a new strong password.
  • autocomplete="off" – Disables autocomplete on sensitive security fields.

📝 Live Lesson Practice

HTML/CSS JavaScript Python C++ C PHP
⌨️ Practice Inputs (लाइव इनपुट भरें) (खाली होने पर RED, भरने पर GREEN underline)
💻 Code Editor (Monaco VS Code Engine)
👀 Live Preview
Address Contact

+91 7877547686

E-mail

onlinecbtportal@gmail.com

Helpline Number

+91 7877547686


Click To Download
Get it on Google Play

ऐप डाउनलोड करने
के लिए Google Play पर
उपलब्ध है

WhatsApp Chat