Main Content

Forms

Make sure you add the .tcu-fieldset-inputs class to the form.

Title Goes Here

Text input

Checkboxes

Radioboxes

Textarea


Dropdown


 


<fieldset class="tcu-fieldset-inputs">

	<legend>Title Goes Here</legend>

	<h3>Text input</h3>

	<label for="input-type-text">Text input type</label>
	<input id="input-type-text" name="input-type-text" type="text" />

	<h3>Checkboxes</h3>

	<ul class="tcu-unstyled-list">
		<li><input id="apples" checked="checked" type="checkbox" /><label for="checked">Checked</label></li>
		<li><input id="unchecked" type="checkbox" /><label for="unchecked">Unchecked</label></li>
		<li><input id="disabled" disabled="disabled" type="checkbox" /><label for="disabled">Disabled</label></li>
	</ul>

	<h3>Radioboxes</h3>

	<ul class="tcu-unstyled-list">
		<li><input id="oranges" name="fruit" type="radio" value="oranges" /><label for="oranges">Oranges</label></li>
		<li><input id="grapes" name="fruit" type="radio" value="grapes" /><label for="grapes">Grapes</label></li>
		<li><input id="disabled-radio" disabled="disabled" name="fruit" type="radio" value="disabled" /><label for="disabled-radio">Disabled</label></li>
	</ul>

	<h3>Textarea</h3>

	<label for="input-type-textarea">Textarea input type</label>
	<textarea id="input-type-textarea" cols="30" name="input-type-textarea"
	 rows="10"></textarea>

	<h3>Dropdown</h3>

	<label for="options">Dropdown Label</label>

	<select id="options" name="options">
		<option value="value1">Value 1</option>
		<option value="value2">Value 2</option>
		<option value="value3">Value 3</option>
	</select>
	
</fieldset><!-- end of .tcu-fieldset-inputs -->