Visible Values - select Element

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,602
3.	Videos	353,168
4.	Results (`Annual + Re-appear`)	44,846
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,074
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,473
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
Visible Values - Select Element

Visible Values - select Element

Use the size attribute to specify the number of visible values:

<!DOCTYPE html>
<html>
<body>

<h2>Visible Option Values</h2>

<p>Use the size attribute to specify the number of visible values.</p>

<form action="/php/actionSelect.php" method="post">
  <label for="class">Choose your Class:</label>
  <select id="class" name="class" size="3">
    <option value="6th">6th</option>
    <option value="7th">7th</option>
    <option value="8th">8th</option>
    <option value="9th">9th</option>
    <option value="10th">10th</option>
    <option value="11th">11th</option>
    <option value="12th">12th</option>
  </select>
  <input type="submit">
</form>

</body>
</html>

Live Demo & Try it yourself!

#HTML #Select #form #visible

CSPunjab.Com

Visible Values - select Element

« Previous

Use the size attribute to specify the number of visible values:

<!DOCTYPE html>
<html>
<body>

<h2>Visible Option Values</h2>

<p>Use the size attribute to specify the number of visible values.</p>

<form action="/php/actionSelect.php" method="post">
  <label for="class">Choose your Class:</label>
  <select id="class" name="class" size="3">
    <option value="6th">6th</option>
    <option value="7th">7th</option>
    <option value="8th">8th</option>
    <option value="9th">9th</option>
    <option value="10th">10th</option>
    <option value="11th">11th</option>
    <option value="12th">12th</option>
  </select>
  <input type="submit">
</form>

</body>
</html>

Live Demo & Try it yourself!