HTML Form with CSS Styling

by Vaibhav Jain

HTML

<body>

<form>

<h2>Registration Form</h2>
<hr>

<h4>Login Information</h4>
    <table>
        <tr>
            <td>User name: </td>
            <td><input type="text" name="username"/></td>
        </tr>
        <tr>
            <td>Password: </td>
            <td><input type="password" name="pwd"/></td>
        </tr>
    </table>
<hr>
    
<h4>Basic Information</h4>
 <table>
        <tr>
            <td>First Name: </td>
            <td><input type="text" name="firstname"/></td>
        </tr>
        <tr>
            <td>Last Name :</td>
            <td><input type="text" name="lastname"/></td>
        </tr>
<tr>
    <td> Gender : </td>
    
    <td><input type="radio" name="sex" value="male"/>Male</td>
    <td><input type="radio" name="sex" value="female"/>Female</td>
 </tr>
 <tr>
    <td>Vehicle you Have : </td>
    <td><input type="checkbox" name="vehicle" value="Bike"/>Bike</td>
    <td><input type="checkbox" name="vehicle" value="Car"/>Car </td>
 </tr>
    <tr>
        <td><input type="submit" value="Submit"/></td>
        <td><input type="reset" value="Reset"/></td>
     </tr>
    </table>
</form>
</body>

JavaScript

form{
    background-color:silver;
    border: 0px solid black;
    width:60%;
    float:left;
    margin-left:20%;
    }