BIODATA FROM USING HTML,CSS AND JAVASCRIPT
DATE:
EX NO:
AIM:
To create a biodata from using html, css and javascript.
PROCEDURE:
STEP1: Start
STEP2: Create a html file and structure it
STEP3: Use the form tag to create a form container
STEP4: Style with css
STEP4: Get the input from the user for boidata
STEP5: Set the click on button of submit and reset and code it with javascript
STEP6: Stop
PROGRAM:
<!Doctype Html>
<Html>
<Head>
<Title>
Create a Registration form
</Title>
</Head>
<Body>
The following tags are used in this Html code for creating the Registra
tion form:
<br>
<form>
<label> Firstname </label>
<input type="text" name="firstname" size="15"/> <br> <br>
<label> Lastname: </label>
<input type="text" name="lastname" size="15"/> <br> <br>
<label>
Course :
</label>
<select>
<option value="Course">Course</option>
<option value="BCA">BCA</option>
<option value="BBA">BBA</option>
<option value="B.Tech">B.Tech</option>
<option value="MBA">MBA</option>
<option value="MCA">MCA</option>
<option value="M.Tech">M.Tech</option>
</select>
<br>
<br>
<label>
Gender :
</label><br>
<input type="radio" name="gender"/> Male <br>
<input type="radio" name="gender"/> Female <br>
<input type="radio" name="gender"/> Other
<br>
<br>
<label>
Hobbies:
</label>
<br>
<input type="checkbox" name="Programming"> Programming <br
>
<input type="checkbox" name="Cricket"> Cricket <br>
<input type="checkbox" name="Football"> Football <br>
<input type="checkbox" name="reading Novel"> Reading Novel <
br>
<br>
<br>
<label>
Phone :
</label>
<input type="text" name="phone" size="10"> <br> <br>
Address
<br>
<textarea cols="80" rows="5" value="address">
</textarea>
<br> <br>
Email:
<input type="email" id="email" name="email"> <br>
<br> <br>
Password:
<input type="Password" id="pass" name="pass"> <br>
<br> <br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</Body>
</Html>
EXECUTION:
AIM
PROCEDURE
PROGRAM
EXECUTION
VIVA
RESULT
TOTAL /50
RESULT:
Thus the program to create biodata form using html, css and javascript is verified and
executed successfully.
