How do I create a simple HTML form?

HTML forms are used for gathering information from users, or for telling another website about your personal details. HTML forms are prefilled with data by the user and then sent to another site. In this tutorial, we are designing a basic form using HTML attributes and elements.

Output

Source Code

<!DOCTYPE html>

<html>
<head>
    <title>HTML FORM</title>
</head>
    <body>
    Our new HTML form
    <form>
        Name:
        <input type="text"><br>

      Password
        <input type="password"><br>

      Gender
        <input type="radio">Male
        <input type="radio">Female
        <input type="radio">Other
       <br>

      Email:
        <input type="email">
        <br>

      Phone:
        <select>
            <option>071</option>
            <option>075</option>
            <option>076</option>
        </select>
        <input type="phone">
        <br>

        <input type="submit">
        <input type="reset">

    </form>
    </body>
</html>