<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 ----------> <table class="tg"> <tr> <th class="tg-031e" rowspan="18">Testing</th> <th class="tg-031e">No Urut</th> <th class="tg-yw4l"></th> </tr> <tr> <td class="tg-031e">Nama</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="namaAtlet" name="namaAtlet" type="text" placeholder="nama atlet" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Berat Badan</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="beratBadan" name="beratBadan" type="text" placeholder="berat badan (satuan kg)" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Jenis Kelamin</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <label class="radio-inline" for="rdJenisKelamin-0"> <input type="radio" name="rdJenisKelamin" id="rdJenisKelamin-0" value="L" checked="checked"> L </label> <label class="radio-inline" for="rdJenisKelamin-1"> <input type="radio" name="rdJenisKelamin" id="rdJenisKelamin-1" value="P"> P </label> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Tingkat</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <label class="radio-inline" for="rdTingkat-0"> <input type="radio" name="rdTingkat" id="rdTingkat-0" value="DAN" checked="checked"> DAN </label> <label class="radio-inline" for="rdTingkat-1"> <input type="radio" name="rdTingkat" id="rdTingkat-1" value="KYU"> KYU </label> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">No Tingkat</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="noTingkat" name="noTingkat" type="text" placeholder="(contoh: 1,2,3)" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Golongan Darah</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <select id="slctGolonganDarah" name="slctGolonganDarah" class="form-control"> <option value="AB">AB</option> <option value="A">A</option> <option value="B">B</option> <option value="O">O</option> </select> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">NIK</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="nik" name="nik" type="text" placeholder="nomor induk kenshi" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Asal</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="asal" name="asal" type="text" placeholder="kota asal" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Tanggal Lahir</td> <td class="tg-yw4l"> <div class="form-group"> <label class="col-md-5 control-label" for="tglLahir">Format: Tahun Bulan Tanggal</label> <div class="col-md-2"> <input id="thnLahir" name="thnLahir" type="text" placeholder="" class="form-control input-md" required=""> </div> <div class="col-md-2"> <input id="blnLahir" name="blnLahir" type="text" placeholder="" class="form-control input-md" required=""> </div> <div class="col-md-2"> <input id="tglLahir" name="tglLahir" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Alamat</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="alamat" name="alamat" type="text" placeholder="alamat" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">No. Telepon</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="noTelepon" name="noTelepon" type="text" placeholder="nomor telepon" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Keterangan Prestasi 1</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="ktrPrestasi1" name="ktrPrestasi1" type="text" placeholder="keterangan prestasi 1" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Keterangan Prestasi 2</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="ktrPrestasi2" name="ktrPrestasi2" type="text" placeholder="keterangan prestasi 2" class="form-control input-md" required=""> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Pas Foto</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="pasFoto" name="pasFoto" class="input-file" type="file"> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Scan KTM/KTP</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="scanKTMKTP" name="scanKTMKTP" class="input-file" type="file"> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Surat Sehat</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="suratSehat" name="suratSehat" class="input-file" type="file"> </div> </div> </td> </tr> <tr> <td class="tg-yw4l">Scan Lampiran C</td> <td class="tg-yw4l"> <div class="form-group"> <div class="col-md-4"> <input id="scanLampiranC" name="scanLampiranC" class="input-file" type="file"> </div> </div> </td> </tr> </table>

.tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg .tg-yw4l{vertical-align:top}