New Entries Added Almost Daily!
Click here to get on our Mailing List

Select

Using the Select Control

In this tutorial you will learn how to use the Select Control

I like to add Labels for each control to aid in Accessibility. This helps for tabbing and if you click on a label it will select that control.

You may be familar with the COMBOBOX in Access, in HTML this is a SELECT control.

	<label for="courses">Courses</label>
	<select id="courses" name="courses">
		<option value="AB1">Access Beginner 1</option>
		<option value="AB2">Access Beginner 2</option>
		<option value="EB1">Excel Beginner 1</option>
		<option value="EB2">Excel Beginner 2</option>
	</select>
	

You can sub divide these using an OPTGROUP or Option Group.

	<label for="courses">Courses</label>
	<select id="courses" name="courses">
		<optgroup label="Access">
			<option value="AB1">Access Beginner 1</option>
			<option value="AB2">Access Beginner 2</option>
		</optgroup>
		<optgroup label="Excel">
			<option value="EB1">Excel Beginner 1</option>
			<option value="EB2">Excel Beginner 2</option>
		</optgroup>
	</select>
	

Want to learn more? Request this via the contact form.

You can find more about this by searching the website.

By: Alex Hedley

Click here to sign up for more FREE tips