DEV Community 👩‍💻👨‍💻

Cover image for How do I create a simple HTML form?
Arzath Areeff
Arzath Areeff

Posted on

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
Image description

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>
Enter fullscreen mode Exit fullscreen mode

References
www.w3schools.com

www.w3schools.com

Top comments (0)

DEV

Thank you.

 
Thanks for visiting DEV, we’ve worked really hard to cultivate this great community and would love to have you join us. If you’d like to create an account, you can sign up here.