HTML Form

by | Dec 23, 2020 | Website Development

Introduction

An HTML form is used to take input from users and send their data in backend. In this article we will try to explain the functionality of a HTML Form.

Forms in HTML

You might have filled a lot of forms in your life, offline and online. To sign up at any website, we need to fill a form with our basic details. These form data are later saved in a database table. Every time, you try to login, your data is fetched from the same table. HTML too provides tags to develop an online form.

Within form too, we need different types of controls like: we need to take input text for name, radio button for gender, checkboxes for subjects, calendar for date of birth, submit button etc.

Note: A form itself is never visible, it integrates multiple elements all together and performs a single action on them.

Syntax

HTML Form

Example

<!DOCTYPE html>
<body>
<h2>Example of a Form</h2>
<form action="/action_page.php">
  <div>
    <label>Name:</label><br>
    <input type="text" placeholder="Enter your Name">
  </div>
  <div>
    <label>Age:</label><br>
    <input type="number">
  </div>
<div>
    <label>Gender:</label><br>
    <input type="radio" name="gender" value="male" checked>Male<br>
    <input type="radio" name="gender" value="female" checked>Female<br>
  </div>
<br>
  <div>
    <input type="submit" value="Submit">
  </div>
</form>
</body>
</html>

 

Output

HTML Form Output

Related Posts:

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Advertisement

Advertisement

Advertisement

Advertisement

en English
af Afrikaanssq Albanianam Amharicar Arabichy Armenianaz Azerbaijanieu Basquebe Belarusianbn Bengalibs Bosnianbg Bulgarianca Catalanceb Cebuanony Chichewazh-CN Chinese (Simplified)zh-TW Chinese (Traditional)co Corsicanhr Croatiancs Czechda Danishnl Dutchen Englisheo Esperantoet Estoniantl Filipinofi Finnishfr Frenchfy Frisiangl Galicianka Georgiande Germanel Greekgu Gujaratiht Haitian Creoleha Hausahaw Hawaiianiw Hebrewhi Hindihmn Hmonghu Hungarianis Icelandicig Igboid Indonesianga Irishit Italianja Japanesejw Javanesekn Kannadakk Kazakhkm Khmerko Koreanku Kurdish (Kurmanji)ky Kyrgyzlo Laola Latinlv Latvianlt Lithuanianlb Luxembourgishmk Macedonianmg Malagasyms Malayml Malayalammt Maltesemi Maorimr Marathimn Mongolianmy Myanmar (Burmese)ne Nepalino Norwegianps Pashtofa Persianpl Polishpt Portuguesepa Punjabiro Romanianru Russiansm Samoangd Scottish Gaelicsr Serbianst Sesothosn Shonasd Sindhisi Sinhalask Slovaksl Slovenianso Somalies Spanishsu Sundanesesw Swahilisv Swedishtg Tajikta Tamilte Teluguth Thaitr Turkishuk Ukrainianur Urduuz Uzbekvi Vietnamesecy Welshxh Xhosayi Yiddishyo Yorubazu Zulu