bootstrap-form-horizontal.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. <div class="form-group clear">
  2. <label class="control-label col-sm-2 " for="id_char_field">Char field</label>
  3. <div class=" col-sm-10 ">
  4. <input class=" form-control" id="id_char_field" name="char_field" type="text" />
  5. </div>
  6. </div>
  7. <div class="form-group clear">
  8. <label class="control-label col-sm-2 " for="id_choice_field">Choice field</label>
  9. <div class=" col-sm-10 ">
  10. <select class=" form-control" id="id_choice_field" name="choice_field">
  11. <option value="0">Zero</option>
  12. <option value="1">One</option>
  13. <option value="2">Two</option>
  14. </select>
  15. </div>
  16. </div>
  17. <div class="form-group clear">
  18. <label class="control-label col-sm-2 ">Radio choice</label>
  19. <div class=" col-sm-10">
  20. <div class="radio">
  21. <label>
  22. <input id="id_radio_choice_0" name="radio_choice" type="radio" value="0" />
  23. Zero
  24. </label>
  25. </div>
  26. <div class="radio">
  27. <label>
  28. <input id="id_radio_choice_1" name="radio_choice" type="radio" value="1" />
  29. One
  30. </label>
  31. </div>
  32. <div class="radio">
  33. <label>
  34. <input id="id_radio_choice_2" name="radio_choice" type="radio" value="2" />
  35. Two
  36. </label>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="form-group clear">
  41. <label class="control-label col-sm-2 " for="id_multiple_choice">Multiple choice</label>
  42. <div class=" col-sm-10 ">
  43. <select multiple="multiple" class=" form-control" id="id_multiple_choice" name="multiple_choice">
  44. <option value="0">Zero</option>
  45. <option value="1">One</option>
  46. <option value="2">Two</option>
  47. </select>
  48. </div>
  49. </div>
  50. <div class="form-group clear">
  51. <label class="control-label col-sm-2 " for="id_multiple_checkbox">Multiple checkbox</label>
  52. <div class=" col-sm-10 multiple-checkbox">
  53. <ul id="id_multiple_checkbox">
  54. <li><label for="id_multiple_checkbox_0"><input id="id_multiple_checkbox_0" name="multiple_checkbox" type="checkbox" value="0" /> Zero</label></li>
  55. <li><label for="id_multiple_checkbox_1"><input id="id_multiple_checkbox_1" name="multiple_checkbox" type="checkbox" value="1" /> One</label></li>
  56. <li><label for="id_multiple_checkbox_2"><input id="id_multiple_checkbox_2" name="multiple_checkbox" type="checkbox" value="2" /> Two</label></li>
  57. </ul>
  58. </div>
  59. </div>
  60. <div class="form-group clear">
  61. <label class="control-label col-sm-2 " for="id_file_fied">File fied</label>
  62. <div class=" col-sm-10 ">
  63. <input id="id_file_fied" name="file_fied" type="file" />
  64. </div>
  65. </div>
  66. <div class="form-group clear">
  67. <label class="control-label col-sm-2 " for="id_password_field">Password field</label>
  68. <div class=" col-sm-10 ">
  69. <input class=" form-control" id="id_password_field" name="password_field" type="password" />
  70. </div>
  71. </div>
  72. <div class="form-group clear">
  73. <label class="control-label col-sm-2 " for="id_textarea">Textarea</label>
  74. <div class=" col-sm-10 ">
  75. <textarea class=" form-control" cols="40" id="id_textarea" name="textarea" rows="10">
  76. </textarea>
  77. </div>
  78. </div>
  79. <div class="form-group clear">
  80. <div class=" col-sm-offset-2 col-sm-10">
  81. <div class="checkbox">
  82. <label >
  83. <input id="id_boolean_field" name="boolean_field" type="checkbox" /> <span>Boolean field</span>
  84. </label>
  85. </div>
  86. </div>
  87. </div>