Scribd
Upload
13 views

PR 6

Thanks you for wisiting my my Pdf

Uploaded by

prayagborkar945
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
13 views

PR 6

Thanks you for wisiting my my Pdf

Uploaded by

prayagborkar945
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

PRACTICAL NO.

AIM: Write a program in html to design a Bio-Data form.

PROGRAM:
<html>
<head><title>Bio Data Form</title>
<style>
h1{text-align:center;
text-decoration: underline}
</style>
</head>
<body>
<h1>Bio Data Form</h1>
<form>
<fieldset>
<legend>Personal:</legend>
<table id="t02" align="center">
<tr><td><label id="name-label" for="name">Name: </label></td>
<td><input autofocus type="text" name="name" id="name" class="input-field"
placeholder="Enter your name" required></td></tr>
<tr><td><label id="fname-label" for="fname">Father's Name: </label></td>
<td><input autofocus type="text" name="fname" id="fname" class="input-field"
placeholder="Enter your father's name" required></td></tr>
<tr><td><label id="mname-label" for="mname">Mother's Name: </label></td>
<td><input autofocus type="text" name="mname" id="mname" class="input-field"
placeholder="Enter your mother's name" required></td></tr>
<tr><td><label id="email-label" for="email">Email: </label></td>
<td><input type="email" name="email" id="email" class="input-field" required
placeholder="Enter your Email"></td></tr>
<tr><td><label id="number-label" for="age">Age: </label></td>
<td><input type="number" name="age" id="number" min="1" max="125" class="inputfield"
placeholder="Age" required></td></tr>
<tr><td><label id="dob-label" for="dob">D.O.B: </label></td>
<td><input type="date" name="dob" id="iddob" class="input-field" required><td></tr>
<tr> <td><label for="department">Department: </label></td>
<td>
<select id="dropdown" name="department" class="dropdown">
<option disabled value>Select an option</option>
<option value="it">IT</option>
<option value="cse">CSE</option>
<option value="ece">ECE</option>
<option value="mech">MECH</option>
<option value="civil">CIVIL</option>
<option value="other">Other</option>
</select></td></tr>
</table>
</fieldset>
<table id="t03" align=center><tr><td>
<label for="gender">Gender: </label>
<ul style="list-style: none;">
<li class="radio"><label><input name="radio-buttons" value="male" type="radio"
class="userRatings" >Male</label></li>
<li class="radio"><label><input name="radio-buttons" value="female" type="radio"
class="userRatings" >Female</label></li>
<li class="radio"><label><input name="radio-buttons" value="others" type="radio"
class="userRatings" >Others</label></li>
</ul>
</td></tr>
<tr><td>
<label for="address">Address: </label></td>
<td><textarea id="comments" class="input-field" style="height:50px;resize:vertical;"
name="address" placeholder="Enter your address here..."></textarea></td></tr>
<tr><td><label for="pincode">Pincode: </label></td>
<td><input type="number" name="pincode" id="idpincode" class="input-field"
style="height:20px;resize:vertical;" placeholder="6 digits Number"></td></tr>
<tr><td><label for="pincode">Phone Number: </label></td>
<td><input type="number" name="Phone Number" id="idphonenumber" class="inputfield"
style="height:20px;resize:vertical;" placeholder="10 digits Number"></td></tr>
<tr><td><label for="language">Language Known: </label>
<ul id="language" style="list-style: none;">
<li class="checkbox"><label><input name="prefer" value="english" type="checkbox"
class="userRatings">English</label></li>
<li class="checkbox"><label><input name="prefer" value="tamil" type="checkbox"
class="userRatings">Tamil</label></li>
<li class="checkbox"><label><input name="prefer" value="hindi" type="checkbox"
class="userRatings">Hindi</label></li>
<li class="checkbox"><label><input name="prefer" value="malayalam"
type="checkbox" class="userRatings">Malayalam</label></li>
<li class="checkbox"><label><input name="prefer" value="kannada" type="checkbox"
class="userRatings">Kannada</label></li>
<li class="checkbox"><label><input name="prefer" value="telugu" type="checkbox"
class="userRatings">Telugu</label></li>
<li class="checkbox"><label><input name="prefer" value="others" type="checkbox"
class="userRatings">Others</label></li>
</ul>
</td></tr>
<tr><td><button id="submit" type="submit">Submit</button></td><td>
<button id="reset" type="reset">Reset</button></td></tr>
</table>
</form>
</body>
</html>
OUTPUT:

RESULT: Hence the biodata form is created successfully.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy