How to create a form in HTML?

Updated On: 2024-06-02

HTML Forms Example

Syntax

<form>
      <!--form elements-->
</form>

1. Basic HTML Forms Example

  <!DOCTYPE html>
<html lang="en">
<head>
<title>Html Forms</title>
</head>
<body>
  <h2>HTML Forms</h2>
  <form>
    <label for="username">Username:</label><br>
    <input type="text" id="username" name="username"><br><br>
    
    <label for="password">Password:</label><br>
    <input type="password" id="password" name="password"><br><br>
    
    <input type="submit" value="Submit">
  </form>
</body> 
</html>

Input Element in HTML Forms

Text field
Check box
Password field
Radio button
Submit button

HTML form with more elements

 
  <form>
    <label for="name">Name:</label>
    <input type="text" name="name"><br><br>
    <label for="sex">Sex:</label>
    <input type="radio" name="sex" id="male" value="male">
    <label for="male">Male</label>
    <input type="radio" name="sex" id="female" value="female">
    <label for="female">Female</label> <br><br>
    <label for="country">Country: </label>
    <select name="country" id="country">
        <option>Select an option</option>
        <option value="nepal">Nepal</option>
        <option value="usa">USA</option>
        <option value="australia">Australia</option>
    </select><br><br>
    <label for="message">Message:</label><br>
    <input name="message" id="message" cols="30" rows="4"></input><br><br>
    <input type="checkbox" name="newsletter" id="newsletter">
    <label for="newsletter">Subscribe?</label><br><br>
    <input type="submit" value="Submit">

Related Resources

For more information, you can use the following resources:

Write Reference

How To

How to create a form in HTML?

HTML Forms Example

Syntax

1. Basic HTML Forms Example

Input Element in HTML Forms

HTML form with more elements

Related Resources

Related Reads