<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Registrasi Input By Name Jumlah Orang</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="jmlPemulaPutra">Jumlah Kenshi Kelompok Pemula Putra</label> <div class="col-md-4"> <input id="jmlPemulaPutra" name="jmlPemulaPutra" type="text" placeholder="contoh: 1" class="form-control input-md"> <span class="help-block">*Masukkan jumlah kenshi pemula putra</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="jmlPemulaPutri">Jumlah Kenshi Kelompok Pemula Putri</label> <div class="col-md-4"> <input id="jmlPemulaPutri" name="jmlPemulaPutri" type="text" placeholder="contoh: 2" class="form-control input-md"> <span class="help-block">*Masukkan jumlah kenshi pemula putri</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="jmlRemajaPutra">Jumlah Kenshi Kelompok Remaja Putra</label> <div class="col-md-4"> <input id="jmlRemajaPutra" name="jmlRemajaPutra" type="text" placeholder="contoh: 2" class="form-control input-md"> <span class="help-block">*Masukkan jumlah kenshi remaja putra</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="jmlRemajaPutri">Jumlah Kenshi Kelompok Remaja Putri</label> <div class="col-md-4"> <input id="jmlRemajaPutri" name="jmlRemajaPutri" type="text" placeholder="contoh: 1" class="form-control input-md"> <span class="help-block">*Masukkan jumlah kenshi remaja putri</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="jmlDewasaPutra">Jumlah Kenshi Kelompok Dewasa Putra</label> <div class="col-md-4"> <input id="jmlDewasaPutra" name="jmlDewasaPutra" type="text" placeholder="contoh: 3" class="form-control input-md"> <span class="help-block">*Masukkan jumlah kenshi dewasa putra</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="jmlDewasaPutri">Jumlah Kenshi Kelompok Dewasa Putri</label> <div class="col-md-4"> <input id="jmlDewasaPutri" name="jmlDewasaPutri" type="text" placeholder="contoh: 3" class="form-control input-md"> <span class="help-block">*Masukkan jumlah kenshi dewasa putri</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="jmlOfficialPutra">Official Putra</label> <div class="col-md-4"> <input id="jmlOfficialPutra" name="jmlOfficialPutra" type="text" placeholder="contoh: 1" class="form-control input-md"> <span class="help-block">*Masukkan jumlah official putra</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="jmlOfficialPutri">Official Putri</label> <div class="col-md-4"> <input id="jmlOfficialPutri" name="jmlOfficialPutri" type="text" placeholder="contoh: 3" class="form-control input-md"> <span class="help-block">*Masukkan jumlah official putri</span> </div> </div> </fieldset> </form>