You are on page 1of 2

Prog-1. To create a simple student bio-data form using html5 .

it should contain the


following name (text box), address (multiline text box),gender (radio button
male,female),skill sets known (check boxes – c,c++,java,C#etc), extra curricular activities
(text box), nationality (combobox) ,submit and reset button.

<html>
<body>
<form>
Name <br/>
<input type="text" size="30" value="ABC">
<br/><br/>

Password <br/>
<input type="password" >
<br/><br/>

Phone<br/>
<input type="tel" name="Phone" maxlength="10">
<br/><br/>

Gender
<input type="radio" name="gender" value="M" checked>Male
<input type="radio" name="gender" value="F">Female
<br/><br/>

Languages known
<input type="checkbox">Telugu
<input type="checkbox" checked>English
<input type="checkbox">Hindi
<br/><br/>

Eduction
<Select>
<option>Graduation</option>
<option selected>Post Graduation</option>
</Select>
<br/><br/>
skills
<input type="checkbox">C
<input type="checkbox" checked>C++
<input type="checkbox">JAVA
<br>
<br>
Address <br/>
<textarea rows="5" cols="30" style="resize: none;"></textarea>
<br/><br/>
Nationality
<Select>
<option>Indian</option>
<option selected>Other</option>
</Select>
<br>
<br>
Extra curricular activities <br/>
<textarea rows="5" cols="30" > </textarea>
<br/><br/>
Image<br/>
<input type="file">
<br/><br/>

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


<input type="submit" value="Submit Form">
</form>
</body>
</html>

You might also like