Header Ads Widget

Responsive Advertisement

How to Create a Basic Form in HTML | HTML Form with Table

<!doctype html>
<html>
    <head>
        <title>Form</title>
        </head>
        <body>
            <table border="4">
                <tr><th colspan="2">
                <h1>FORM</h1></th></tr>
                <form action="form2.html" id="" method="post">
                <tr><td>
                    <label for="name"> Name:</label></td>
                    <td><input type="text" id="name" value=""></td></tr>
                    <tr><td>
                        <label for="email"> Email Id:</label></td>
                        <td><input type="email" id="email" value=""></td></tr>
                        <tr><td>
                        <label for="contact"> Contact:</label></td>
                        <td><input type="number" id="number" value=""></td></tr>
                        <tr><td>

                        <label for="gender">Gender:</label></td>
                        <td><input type="radio" name="gender" value="Male">Male
                        <input type="radio" name="gender" value="female">Female
                        <input type="radio" name="gender" value="other">Other

                        <tr><td><lable for="comment">Comment:</lable></td>
                        <td><textarea id="comment" value="" rows="4" cols="30"></textarea></td></tr>

                        <tr><td><input type="submit" value="Submit">
                            <input type="reset" value="Reset"></td></tr>
                    </form>
                </table>
            </body>
            </html>

Post a Comment

0 Comments