Step 1: Open the "NOTEPAD" and type the program.

Step 2: Save the Program as extension .html

Step 3: The document will be saved as browser format.

CODE:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Student Profile</title>

</head>

<body>

<center><h1>Student Profile</h1></center>

<center>

<div style="width:600px; height:auto; background-color:#D1D9F1; border-radius:10px;">

    <br>

<form name="frm" method="post" action="#">

        <table border="0" cellpadding="0" cellspacing="0" width="400">

        <tr height="30">

            <td width="50%">Reg. No</td>

                <td><input type="text" value="" name="txtregno" placeholder="Register No." 
required></td>

            </tr>

            <tr height="30">

            <td>Student Name</td>

                <td><input type="text" value="" name="txtsname" required></td>

            </tr>

            <tr height="30">

            <td>D. O. B</td>

                <td><input type="date" value="" name="txtdob"></td>

            </tr>

            <tr height="30">

            <td>Course Name</td>

                <td>

<input name="dlcoursename" list="coursename">

<datalist id="coursename">

  <option value="BCA">

  <option value="MCA">

  <option value="B.Sc Computer Science">

  <option value="B.Sc Information Technology">

  <option value="B.Sc Mathematics">

  <option value="B.Com Computer Application">

  <option value="B.Com Commerce">
  <option value="B.Com Professional Accounting">

</datalist>

</td>

            </tr>

            <tr height="30">

            <td>Address Line 1</td>

                <td><input type="text" value="" name="txtaddress1"></td>

            </tr>

            <tr height="30">

            <td>District</td>

                <td><input type="text" value="" name="txtdistrict"></td>

            </tr>

            <tr height="30">

            <td>Pincode</td>

                <td><input type="number" value="" name="txtpincode"></td>

            </tr>

            <tr height="30">

            <td>Mobile No</td>

                <td><input type="number" value="" name="txtmobile"></td>

            </tr>

            <tr height="30">

            <td>Email Id</td>

                <td><input type="email" value="" name="txtemail"></td>

            </tr>

            <tr height="50">

            <td colspan="2" align="center">

<input type="submit" value="Save">&nbsp;&nbsp;

<input type="reset" value="Reset">

</td>

            </tr>

        </table>

        </form>

        <br>

</div>

</center>

</body>

</html>



OUTPUT:



BY
     REGU RAM SV.

Post a Comment

أحدث أقدم