2019-01-28 03:37:25 +01:00
|
|
|
<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>
|
2023-11-25 09:28:26 +01:00
|
|
|
<input type="checkbox" id="check" />
|
2019-01-28 03:37:25 +01:00
|
|
|
</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">
|
2023-12-07 13:16:09 +01:00
|
|
|
<label for="event-date">Event date:</label>
|
|
|
|
<input type="date" id="event-date" name="event-date">
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="event-time">Event time:</label>
|
|
|
|
<input type="time" id="event-time" name="event-time">
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="textarea">Textarea:</label>
|
|
|
|
<textarea id="textarea" cols="30" rows="5" name=="textarea">Textarea text</textarea>
|
2019-01-28 03:37:25 +01:00
|
|
|
</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>
|