Scribd
Upload
1 views3 pages

HTML Form Controls - 2

The document contains various HTML form elements including text boxes for first, middle, and last names, radio buttons for country selection, checkboxes for student subjects, a submit button, a comment box, a scrolling list for fruits, a selection list for vegetables, and a text area for descriptions. Each form element is structured within HTML tags to facilitate user input. The examples illustrate different types of input controls commonly used in web forms.

Uploaded by

hireamaragoudar
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
1 views3 pages

HTML Form Controls - 2

The document contains various HTML form elements including text boxes for first, middle, and last names, radio buttons for country selection, checkboxes for student subjects, a submit button, a comment box, a scrolling list for fruits, a selection list for vegetables, and a text area for descriptions. Each form element is structured within HTML tags to facilitate user input. The examples illustrate different types of input controls commonly used in web forms.

Uploaded by

hireamaragoudar
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

1.

Text Box

<html>
<body>
<form>
FIRST NAME:<input type="text" name="first name" value="">
MIDDLENAME:<input type="text" name="middle name" value="">
LAST NAME:<input type="text" name="last name" value="">
</form>
</body>
</html>

2. Radio Button
<html>
<body>
<form>
COUNTRYSELECT<br>
<input type="radio" name="country" value="india">INDIA<br>
<input type="radio" name="country" value="pakistan">PAKISTAN<br>
<input type="radio" name="country" value="china">CHINA<br>
</form>
</body>
</html>

3. Check Box
<html>
<body>
<form>
<input type="checkbox"name="student">
I am studying commerce</br>
<input type="checkbox" name="student"checked="checked">
I am studying Science</br>
</form>
</body>
</html>

4. Submit Button
<html>
<body>
<form>
FirstName:<input type="text"name="FisrstName"value=""></br>
Last Name:<input type="text" name="LastName"value=""></br>
<inputtype="submit" value="submit">
</body>
</html>

5. Comment Box
<html>
<body>
<form>
Address:
<textarea rows="5"cols="10"></textarea>
</form>
</body>
</html>

6. Scrolling List
<html><body>
<B>Select some fruit:</B><BR>
<SELECTNAME="More fruit" SIZE="3"MULTIPLE>
<OPTIONSELECTED>Apples
<OPTION>Bananas
<OPTION>Oranges
<OPTION>Watermelon
<OPTION>Kiwi
<OPTION>Cantaloupe
<OPTION>Strawberries
</SELECT></body></html>
7. Selection List
<html>
<body>
<form>
<h3>Choose Your Vegitables</h3>
<select name="vegitables">
<option value="1">Onion</option>
<option value="2">Tomato</option>
<option value="3">Chilly</option>
<option value="4">Brinjal</option>
</select>
</form>
</body>
</html>

8. Text Area Control


<html>
<body>
<form>
Description:<br/>
<textarea rows="5" cols="50" name="discription">
Enter discription area
</textarea>
<br>
<input type="submit" value="submit"/>
</form>
</body>
</html>

You might also like