DEV Community

Cover image for FORM IN HTM
Parthipan M
Parthipan M

Posted on

FORM IN HTM

what is a form ?

A from is an HTML elements used to collect data from the user like login,registration,feedback,etc.

  • <form> – the container tag that wraps all form elements

  • <input> – for text, password, email, checkbox, radio, file, submit, etc.

  • <lable> _ describes/name an input field

  • <textarea> _ for multi-line text input

  • <select> _ creates a dropdown list

  • <option> – defines each item inside a <select>

  • <optgroup> – groups related s together

  • <button>– clickable button (submit, reset, or custom)

  • <fieldset>– groups related form elements together visually

  • <legend> – gives a caption/title to a

What this includes:

  • Text, email, and phone input fields

  • A dropdown (select) menu

  • A multi-line text area

  • Basic CSS styling (rounded corners, shadow, button hover effect)

Key Components and Attributes:

  • Structure: Forms rely on the <form> tag to wrap input elements like <input>,<textarea>, and <button>.

  • Action: The action attribute specifies the URL or server-side script where the submitted data is sent.

  • Method: The method attribute defines how data is transmitted, typically using GET (data in URL) or POST (data in request body) HTTP methods.

  • Purpose: Common uses include user registration, login, search queries, and feedback submissions, enabling dynamic interaction between the user and the website.

Top comments (0)