Problems:
With example, describe different form of input elements (text field,text area,check box, dropdown List,radio button, submit button ) .



Basic Forms | HTML Form


Source Code:


<!DOCTYPE html>
<html>
<head>
<title>input element</title>
</head>
<body>
<form>


<h3>Text field</h3>
<label>User Name:</label><br>
<input type="text" name="name" placeholder="input u name"><br><br>


<h3>Text area</h3>
<label>Comments:</label><br>
<textarea rows="5" cols="40" name="comment">
Enter u Comment
</textarea><br><br>


<h3>Checkbox</h3>
<label>Occupation:</label><br>
<input type="Checkbox" name="occupation" value="Student">Student
<input type="Checkbox" name="occupation" value="Job">Job
<input type="Checkbox" name="occupation" value="Farmer">Farmer
<input type="Checkbox" name="occupation" value="Business">Business<br><br>


<h2>Dropdown List</h2>
<label>Country Code:</label><br>
<select name="coubtry_code">
<option>+88(Ban)</option>
<option>+87(Ind)</option>
<option>+86(Afg)</option>
<option>+85(Sri)</option>
</select><br><br>


<h2>Radio Button</h2>
<label>Gender:</label><br>
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> FeMale
<input type="radio" name="gender" value="other"> Other<br><br>


<h2>Submit Button</h2>
<input type="Submit" name="Submit">
</form>

</body>
</html>

Screenshots of Source Code(Sublime Text):

Basic Forms | HTML Form
Basic Forms | HTML Form


Screenshots of Output(Browser):

Basic Forms
Basic Forms



1 Comments

Post a Comment

Previous Post Next Post