47 lines
1.7 KiB
HTML

<section>
<header><h2 id="Forms">Forms</h2></header>
<form action="#">
<fieldset>
<legend>Form legend</legend>
<div class="form-group">
<label for="email">Email input:</label>
<input id="email" name="email" type="email" required minlength="5" placeholder="test"/>
</div>
<div class="form-group">
<label for="text">Text input:</label>
<input id="text" name="text" type="text" required minlength="5" placeholder="test"/>
</div>
<div class="form-group">
<label for="itext">Invalid input (min-length 10):</label>
<input id="itext" name="itext" type="text" minlength="10"/>
</div>
<div class="form-group">
<label for="pw">Password input:</label>
<input type="password" id="pw" name="pw" value="password" />
</div>
<div class="form-group">
<label for="radio">Radio input:</label>
<input name="radio" type="radio" id="radio" />
</div>
<div class="form-group">
<label for="check">Checkbox input:</label>
<input type="checkbox" id="check" />
</div>
<div class="form-group">
<label for="select">Select field:</label>
<select id="select" name="select">
<option> Option 01 </option>
<option> Option 02 </option>
</select>
</div>
<div class="form-group">
<label for="tarea">Textarea:</label>
<textarea id="tarea" cols="30" rows="5" name=="tarea">Textarea text</textarea>
</div>
<div class="form-group">
<label for="submit">Input Button:</label>
<button class="btn btn-default" type="submit" role="button" name="submit" id="submit">Submit</button>
</div>
</fieldset>
</form>
</section>