Forms

Basic information

Do you like this?

What grade would you give this form?

Yes?

More?



<div class="html-example">
<form>
	<h4>Basic information</h4>
	<div class="input-text">
		<input type="text">
		<label>Name</label>
	</div>
	<div class="input-text">
		<input type="email">
		<label>E-mail</label>
	</div>
	<div class="input-text">
		<input type="email">
		<label>E-mail</label>
	</div>		
	<h4>Do you like this?</h4>
	<div class="input-switch">
		<input type="checkbox" id="input-switch-test1">
		<label for="input-switch-test1">Yeah</label>
	</div>
	<h4>What grade would you give this form?</h4>
	<div class="input-range">
		<input type="range" min="0" max="50">
		<label>With min/max</label>
	</div>	
	<h4>Yes?</h4>
	<div class="input-checkbox">
		<input type="checkbox" id="input-check-test1">
		<label for="input-check-test1">Sure!</label>
	</div>
	<h4>More?</h4>
	<div class="input-radio">
		<input type="radio" name="radio1" id="input-radio-test1">
		<label for="input-radio-test1">Yes</label>
	</div>
	<div class="input-radio">
		<input type="radio" name="radio1" id="input-radio-test2">
		<label for="input-radio-test2">No</label>
	</div>
</form>
</div>