2023-12-07 13:16:09 +01:00

55 lines
2.0 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="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>
</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>