4 - Form Elements
4.1 - Text input
<form class="ui form segment"> <div class="form-item labeled"> <label>Label</label> <input type="text" name="first-name" placeholder="First Name"> <div class="mt"></div> </div> </form>
4.2 - Text area
<form class="ui form segment"> <div class="form-item labeled"> <label>Label</label> <textarea></textarea> </div> </form>
4.3 - Submit
<form class="ui form segment"> <input class="ui button" type="submit" value="Send" /> </form>
4.4 - Select List
<form class="ui form segment"> <select class="ui search dropdown" type="submit" value="Send"> <option value="">Your answer</option> <option value="Yes">Yes</option> <option value="No">No</option> </select> </form>
4.5 - Select List (radio)
<div class="form-item form-type-radios off-label required form-item"> <label for="edit-submitted-yes">Yes?</label> <div id="edit-submitted-yes" class="form-radios"> <div class="ui radio checkbox form-item"> <input required="required" type="radio" id="edit-submitted-yes-1" name="yes" value="Yes" class="form-radio"> <label for="edit-submitted-yes-1">yes</label> </div> <div class="ui radio checkbox form-item"> <input required="required" type="radio" id="edit-submitted-yes-2" name="yes" value="No" class="form-radio"> <label for="edit-submitted-yes-2">no</label> </div> </div> </div>
4.5 - Select List (checkbox)
<div class="form-item form-type-checkboxes off-label required form-item"> <label for="edit-submitted-yes">When?</label> <div id="edit-submitted-yes" class="form-radios"> <div class="ui checkbox form-item"> <input required="required" type="checkbox" id="edit-submitted-yes-1" name="yes" value="Yes" class="form-radio"> <label for="edit-submitted-yes-1">Day</label> </div> <div class="ui checkbox form-item"> <input required="required" type="checkbox" id="edit-submitted-yes-2" name="yes" value="No" class="form-radio"> <label for="edit-submitted-yes-2">Night</label> </div> </div> </div>