<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Outcome Assessment (non-pain-related behavior)</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">What behavioural assessment(s) are used?</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Paw guarding</option> <option value="2">Foot lifting</option> <option value="">Grimace scale</option> <option value="">Elevated Plus Maze</option> <option value="">Open Field</option> <option value="">Home Cage</option> <option value="">Conditioned Place Prefence</option> <option value="">Novel Object test</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Optional Comments</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea">Paste the exact device/method description from the pdf</textarea> </div> </div> <!-- Search input--> <div class="form-group"> <label class="col-md-4 control-label" for="searchinput">What was the habituation time prior to the test?</label> <div class="col-md-4"> <input id="searchinput" name="searchinput" type="search" placeholder="min" class="form-control input-md"> <p class="help-block">Give in min</p> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Optional Comments</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea">Comments</textarea> </div> </div> <!-- Search input--> <div class="form-group"> <label class="col-md-4 control-label" for="searchinput">How large were the animal boxes?</label> <div class="col-md-4"> <input id="searchinput" name="searchinput" type="search" placeholder="Length x Width x Height" class="form-control input-md"> <p class="help-block">in cm</p> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Outcome measure average type</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Mean</option> <option value="2">Median</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Outcome measure error type</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">SD</option> <option value="2">SEM</option> <option value="">IQR</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Outcome measure units</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">latency time</option> <option value="2">oberservation period</option> <option value="">score</option> <option value="">ratio</option> <option value="">others</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">What pain-related behavior was measured with the stimulus?</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Gurading</option> <option value="2">Foot lifting</option> <option value="">Facial expression</option> <option value="">Anxiety</option> <option value="">Depression</option> <option value="">Rodent-specific behavior</option> <option value="">Cognition</option> <option value="">Reward</option> <option value="">Attention</option> </select> </div> </div> </fieldset> </form>