w4e2.html

<html>
<!--    Name: M.W.F. Junaid
            Roll no.: 1602-17-737-020
            Sem:VI LAB:WebTech  -->

<head>
    <title>
        Student Registration form:VCE
    </title>
    <style>
        textarea {
            height: 100;
            width: 300;
        }

        body {
            text-align: center;
        }

        form {
            display: inline-block;
        }

    </style>
</head>

<body>
    <p> Name: M.W.F. Junaid
        Roll no.: 1602-17-737-020
        Sem:VI LAB:WebTech </p>
    <img src="vcelogo.gif" class="center"><br>
    <form>
        <h3>STUDENT REGISTRATION FORM</h3>
        <br>
        Username:
        <input type="text" name="fName" required><br>
        <br>
        Password:
        <input type="password" name="pass" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required><br>
        <br>
        E-mail:
        <input type="email" name="email" required><br>
        <br>
        Phone:
        <input type="tel" name="phNum" required>
        <br>
        Select Gender:
        <div id="group1" required>
            <input id=radMale type="radio" name="genderButton" class="radioGender" value="male">Male
            <input id=radFemale type="radio" name="genderButton" class="radioGender" value="female">Female
            <input id=radOther type="radio" name="genderButton" class="radioGender" value="other">Other
        </div>
        <br>
        Select languages known:
        <input type="checkbox" name="langCBox" value="english">English
        <input type="checkbox" name="langCBox" value="hindi">Hindi
        <input type="checkbox" name="langCBox" value="telugu">Telugu<br>
        <br>
        Select state:
        <select required>
            <option value="Telangana">Telangana</option>
            <option value="Andhra Pradesh">Andhra Pradesh</option>
            <option value="Maharashtra">Maharashtra</option>
            <option value="Tamil Nadu">Tamil Nadu</option>
            <option value="Kerela">Kerela</option>
            <option value="Karnataka">Karnataka</option>
        </select><br>
        <br>
        Give your comment:<br>
        <textarea name="comment"></textarea>
        <br><br>
        Select resume to upload:
        <input type="file" id="myFile"><br><br>
        <input type="submit" value="Submit">
        <input type="reset" value="Reset">
    </form>

</body>

</html>