HTML forms
Here's a simple HTML form structure that includes a text input field, a submit button, and a label for the input field:
HTML
<form action="/submit-form" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username">
<button type="submit">Submit</button>
</form>
Use code with caution.
Breakdown of the code:
<form> tag: Defines the start and end of the form.
action="/submit-form": Specifies the URL where the form data will be sent when submitted. Replace /submit-form with the actual URL of your form processing script.
method="post": Indicates that the form data will be sent using the HTTP POST method.
<label> tag: Associates a label with the input field.
for="username": Specifies the id of the input field the label is associated with.
<input> tag: Creates an input field.
type="text": Defines the input field as a text field.
id="username": Gives the input field a unique ID.
name="username": Assigns a name to the input field, which is used to identify the data when it's submitted.
<button> tag: Creates a button.
type="submit": Specifies that the button is a submit button, which will trigger the form submission when clicked.
Additional Notes:
Form Elements: You can add various types of input elements to your form, such as:
type="text": Text input field
type="email": Email input field
type="password": Password input field
type="number": Number input field
type="checkbox": Checkbox
type="radio": Radio button
type="textarea": Text area
type="select": Dropdown list
Form Attributes: You can customize the appearance and behavior of your form using various attributes. For example:
required: Makes a field mandatory
placeholder: Provides a hint to the user about the expected input
disabled: Disables the field
readonly: Prevents the user from editing the field
- Technology
- Education
- Business
- Music
- Got talent
- Film
- Politics
- Food
- Games
- Gardening
- Health
- Home
- Literature
- Networking
- Other
- Party
- Religion
- Shopping
- Sports
- Theater
- Wellness