<title>form</title>
<meta charset= "Utf-8"/>
<meta http-equiv= "x-ua-compatible" content= "Ie=edge"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1"/>
<script src= ". /file/jquery.js "type=" Text/javascript "></script>
<link href= ". /book/css/bootstrap.css "rel=" stylesheet "type=" Text/css "/>
<body>
<form class= "Form-horizontal" >
<div class= "Form-group" >
<label class= "Col-sm-2 control-label" > User name:</label>
<div class= "Col-sm-10" >
<input type= "text" class= "Form-control" placeholder= "Please enter your username!"/>
</div>
</div>
<div class= "Form-group" >
<label class= "col-sm-2 control-label" > Password:</label>
<div class= "Col-sm-10" >
<input type= "Password" class= "Form-control" placeholder= "Please enter your password!"/>
</div>
</div>
<div class= "Form-group" >
<label class= "Col-sm-2 control-label" > Professional:</label>
<div class= "Col-sm-10" >
<label class= "Checkbox-inline" >
<input type= "checkbox" Value= "Sport" name= "Zhuangye"/> Sports
</label>
<label class= "Checkbox-inline" >
<input type= "checkbox" value= "Music" name= "Zhuangye"/> Music
</label>
<label class= "Checkbox-inline" >
<input type= "checkbox" value= "math" name= "Zhuangye"/> Math
</label>
<label class= "Checkbox-inline" >
<input type= "checkbox" value= "Computer" name= "Zhuangye"/> Computer
</label>
</div>
</div>
<div class= "Form-group" >
<label class= "Col-sm-2 control-label" > Sport:</label>
<div class= "Col-sm-10" >
<select multiple= "multiple" >
<option> Basketball </option>
<option> Football </option>
<option> Running </option>
<option> High Jump </option>
<option> Long Jump </option>
</select>
</div>
</div>
<div class= "Form-group" >
<label class= "col-sm-2 control-label" > Sex:</label>
<div class= "Col-sm-10" >
<input type= "Radio" name= "Sex" checked= "checked" value= "male"/> Male
<input type= "Radio" name= "Sex" checked= "checked" value= "female"/> Female
</div>
</div>
<div class= "Form-group" >
<div class= "Col-sm-offset-2 col-sm-10" >
<div class= "checkbox" >
<label><input type= "checkbox"/> Do you like listening to music </label>
</div>
</div>
</div>
<div class= "Form-group" >
<div class= "Col-sm-offset-2 col-sm-10" >
<input type= "button" class= "btn Btn-default" value= "register"/>
</div>
</div>
</form>
</body>
:
The case of the form form control for bootstrap