Create HTML form with the all FORM elements (text fields, password field, Checkboxes, Radio buttons, Select elements, Drop-down list with a pre-selected value, Textarea (a multi- line text input field) and buttons.


Input


<!DOCTYPE html>
<html>
<body>
<form>
    <table>
        <tr>
            <td>
                <label for="uname">Username</label>
            </td>
            <td>
                <input type="text" id="uname" name="username">
            </td>
        </tr>
        <tr>
            <td>
                    <label for="pass">Password</label>
            </td>
            <td>
                    <input type="password" id="pass">
            </td>
        </tr>
        <tr>
            <td>
                <label>Hobbies</label>
            </td>
            <td>
                <input type="checkbox" name="sports" value="soccer" id="soccer">
        <label for="soccer">Soccer</label>
        <input type="checkbox" name="sports" value="cricket" id="cricket">
        <label for="cricket">Cricket</label>
        <input type="checkbox" name="sports" value="baseball" id="baseball">
        <label for="baseball">Baseball</label>
            </td>
        </tr>
        <tr>
            <td>
                <label>Gender</label>
            </td>
            <td>
                <label>
                    <input type="radio" value="f" name="gender"> Female</label>
                    <label>
                    <input value="m" type="radio" name="gender"> Male</label>
            </td>
        </tr>
<tr>
            <td>
                <label for="res">Resume</label>
            </td>
            <td>
                <input type="file" id="res">
            </td>
        </tr>
        <tr>
            <td>
                    <label for="state">State</label>
            </td>
            <td>
                    <select id="state" name="state">
                        <option disabled selected>--Choose State--</option>
<option>Andaman and Nicobar Islands</option>
                                <option>Andra Pradesh</option>
                                <option>Arunachal Pradesh</option>
                                <option>Assam</option>
                                <option>Bihar</option>
<option>Chhattisgarh</option>
<option>Dadar and Nagar Haveli</option>
<option>Daman and Diu</option>
<option>Delhi</option>
                                <option>Goa</option>
<option>Haryana</option>
                                <option>Himachal Pradesh</option>
<option>Jammu and Kashmir</option>
                                <option>Jharkhand</option>
<option>Karnataka</option>
                                <option>Kerala</option>
<option>Lakshadeep</option>
<option>Madya Pradesh</option>
                                <option>Maharashtra</option>
<option>Manipur</option>
                                <option>Meghalaya</option>
<option>Mizoram</option>
                                <option>Nagaland</option>
<option>Orissa</option>
<option>Pondicherry</option>
                                <option>Punjab</option>
<option>Rajasthan</option>
<option>Sikkim</option>
<option>Tamil Nadu</option>
<option>Telagana</option>
<option>Tripura</option>
<option>Uttaranchal</option>
<option>Uttar Pradesh</option>
<option>West Bengal</option>
                    </select>
            </td>
        </tr>
        <tr>
            <td>
                <label>Address</label>
            </td>
            <td>
                <textarea rows="4" cols="40"></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit" value="Submit">
                <input type="reset">
            </td>
        </tr>
    </table>
</form>
</body>
</html>




Output

No comments:

Post a Comment