<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>Doktor Sabit Ek Ödeme (Uzman, Pratisyen, Diş)</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="yil">Yıl</label> <div class="col-md-4"> <select id="yil" name="yil" class="form-control"> <option value="1">2021</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="gorev">Görevi</label> <div class="col-md-4"> <select id="gorev" name="gorev" class="form-control"> <option value="uzman">Uzman Doktor</option> <option value="pratisyen">Pratisyen Doktor</option> <option value="dis">Diş Tabibi</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="derece">Derece Kademe</label> <div class="col-md-4"> <select id="derece" name="derece" class="form-control"> <option value="12">1-2 dereceden aylık alanlar</option> <option value="34">3-4 dereceden aylık alanlar</option> <option value="diger">Diğer derecelerden aylık alanlar</option> </select> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="vergi">Vergi Dilimi</label> <div class="col-md-4"> <label class="radio-inline" for="vergi-0"> <input type="radio" name="vergi" id="vergi-0" value="15" checked="checked"> 15 </label> <label class="radio-inline" for="vergi-1"> <input type="radio" name="vergi" id="vergi-1" value="20"> 20 </label> <label class="radio-inline" for="vergi-2"> <input type="radio" name="vergi" id="vergi-2" value="27"> 27 </label> <label class="radio-inline" for="vergi-3"> <input type="radio" name="vergi" id="vergi-3" value="35"> 35 </label> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="sonuc">Hesaplama Sonucu</label> <div class="col-md-4"> <textarea class="form-control" id="sonuc" name="sonuc">Ödenecek Tutar</textarea> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="hesapla"></label> <div class="col-md-8"> <button id="hesapla" name="hesapla" class="btn btn-success">Hesapla</button> <button id="Temizle" name="Temizle" class="btn btn-danger">Temizle</button> </div> </div> </fieldset> </form>