HTML Forms
HTML Forms:
·
Forms
are allowing users to interact with web pages by entering information and
submitting it to a server.
·
Essential
for building features like login forms, search bars, contact forms, surveys,
e-commerce checkouts, etc.
<form>:
Encloses all form elements.
Attributes:
·
action:
Specifies the URL where the form data will be sent.
·
method:
Indicates how the data will be sent (usually GET or POST).
<input>:
·
Creates
various input fields for different types of data:
type=”text”: Single-line text input
Ex: name, email
type=”password”: Password input (characters are hidden).
type=”email”: Email address input (validates format).
type=”number”: Numerical input.
type=”checkbox”: Multiple choice options (select one or more).
type=”radio”: Single choice option (select one).
type=”submit”: Button to submit the form.
<textarea>:
·
Creates
a multiline text input area (e.g., comments, messages).
<label>:
·
Associates
a label with an input element, improving accessibility and usability.
<select>:
·
Creates
a dropdown list of options for selection.
Example:
Output:
Survey form Example:
Output: