Saturday, 20 April 2024

Form Elements

  • Category: Typography
  • Written by Super User
  • Hits: 4086

Example page with form elements for you to get an idea on how they look like.

All forms of the Joomla! core extensions look nice with form replacements and all other 3rd party extensions following Joomla! standards.

Form Sample Code
			<label for="input1">Sample Input 1</label> <br />
			<input id="input1" class="inputbox" name="input" type="input" />
			<label for="input2">Sample Input 2</label> <br />
			<input id="input2" class="inputbox" name="input" type="input" />
			<input id="radio-sample" type="radio" /><label for="radio-sample">Sample Radio Input</label>
			<input id="radio-sample2" type="radio" /><label for="radio-sample2">Sample Radio Input 2</label><br />
			<input id="checkbox-sample" type="checkbox" /><label for="checkbox-sample">Sample CheckBox Input</label>
			<input id="checkbox-sample2" type="checkbox" /><label for="checkbox-sample2">Sample CheckBox Input 2</label>
			<label for="select">Sample Select Field:</label><br />
			<select id="select">
				<option selected="selected">Option One</option>
				<option>Option Two</option>
			<label for="textarea-sample">Sample Textarea Field:</label><br />
			<textarea id="textarea-sample" class="inputbox" cols="80" rows="5">Textarea text</textarea>
			<button>Submit Button</button> <input class="button" type="button" value="Reset Input" />