The <form> Tag in HTML 5
The <form> tag is used to create an input form that the user can interact with. The interaction with the user can be within the browser client only, using client-side scripts, or with a web server. For example, a fill-in form can consist of a set of labeled text input fields along with a submit button that transmits the data to the web server.
This is an actual working demo of the <form> example code below.
Since autofocus
automatically positions the cursor to the input field, the placeholder
text for the Username field will not appear unless you tab to the masked password field or click elsewhere. If your browser does not support the HTML 5 placeholder
attribute, none of the placeholders will appear.
Note: The first browser where placeholder text in form input fields actually works is Chrome. It may not work yet in other browsers.