<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 ----------> <div class="container"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Satınalma Talep Formu</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="procid">ID.</label> <div class="col-md-4"> <input id="procid" name="procid" type="text" placeholder="hidden Field" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="requester">Talep eden:</label> <div class="col-md-4"> <input id="requester" name="requester" type="text" placeholder="auto" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="budgetcode">Bütçe kodu:</label> <div class="col-md-4"> <input id="budgetcode" name="budgetcode" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="header">Satınalma konusu:</label> <div class="col-md-4"> <input id="header" name="header" type="text" placeholder="placeholder" class="form-control input-md" required=""> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="proctype">Satınalma türü:</label> <div class="col-md-4"> <div class="input-group"> <input id="proctype" name="proctype" class="form-control" placeholder="" type="text" required=""> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Seçiniz <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">Kırtahsiye</a></li> <li><a href="#">Sarf Malzeme</a></li> <li><a href="#">Mutfak & Gıda</a></li> <li><a href="#">Demirbaş (Donanım)</a></li> <li><a href="#">Demirbaş (Yazılım)</a></li> <li><a href="#">Hizmet alımı</a></li> <li><a href="#">Danışmanlık Hizmeti</a></li> <li><a href="#">Bakım & Onarım Malzemesi</a></li> <li><a href="#">Diğer</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="others">Diğer ise:</label> <div class="col-md-4"> <input id="others" name="others" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="description">Ürün/Hizmet Detayları:</label> <div class="col-md-4"> <textarea class="form-control" id="description" name="description">Ürün veya Hizmet ne için gerekli, özelliklerini açıklayınız.</textarea> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="vendor_option">Tedarikçi belirlendi mi?</label> <div class="col-md-4"> <div class="radio"> <label for="vendor_option-0"> <input type="radio" name="vendor_option" id="vendor_option-0" value="1" checked="checked"> Evet </label> </div> <div class="radio"> <label for="vendor_option-1"> <input type="radio" name="vendor_option" id="vendor_option-1" value="2"> Hayır </label> </div> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="vendorGroup_id">Tedarikçi Grubu:</label> <div class="col-md-4"> <select id="vendorGroup_id" name="vendorGroup_id" class="form-control"> <option value="1">Donanım</option> <option value="2">Yazılım</option> <option value="">Ofis gereçleri</option> <option value="">Mutfak Gıda</option> <option value="">Diğer</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="vendor_id">Tedarikciler:</label> <div class="col-md-4"> <select id="vendor_id" name="vendor_id" class="form-control" multiple="multiple"> <option value="1">Dell</option> <option value="2">HP</option> <option value="">IBM</option> <option value="">Apple</option> <option value="">Sony</option> </select> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="req_file_id">Gereksinim Dosyası (.xls,doc,pdf):</label> <div class="col-md-4"> <input id="req_file_id" name="req_file_id" class="input-file" type="file"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="quote_file_id">Teklif dosyası (.xls,doc,pdf):</label> <div class="col-md-4"> <input id="quote_file_id" name="quote_file_id" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="delivery">Teslim süresi:</label> <div class="col-md-4"> <input id="delivery" name="delivery" type="text" placeholder="6 Hafta" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="amount">Tutarı:</label> <div class="col-md-4"> <input id="amount" name="amount" type="text" placeholder="20.500" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="currency_id">Döviz cinsi:</label> <div class="col-md-4"> <select id="currency_id" name="currency_id" class="form-control"> <option value="1">TL</option> <option value="2">USD ($)</option> <option value="3">EURO (€)</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="payment_terms">Ödeme Şekli:</label> <div class="col-md-4"> <input id="payment_terms" name="payment_terms" type="text" placeholder="peşin, %50 peşin-%50 teslimat, 60 gün vade" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Mng_appr_id">Yönetici:</label> <div class="col-md-4"> <input id="Mng_appr_id" name="Mng_appr_id" type="text" placeholder="auto_id" class="form-control input-md"> <span class="help-block">(Yönetici)</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="appoved_1">Onay durumu:</label> <div class="col-md-4"> <select id="appoved_1" name="appoved_1" class="form-control"> <option value="0">Seçiniz</option> <option value="1">Evet</option> <option value="2">Hayır</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Fin_appr_id">Müdür Yardımcısı:</label> <div class="col-md-4"> <input id="Fin_appr_id" name="Fin_appr_id" type="text" placeholder="placeholder" class="form-control input-md"> <span class="help-block">5,000 TL üzeri onaylayan</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="approved_2">Onay durumu:</label> <div class="col-md-4"> <select id="approved_2" name="approved_2" class="form-control"> <option value="0">Seçiniz</option> <option value="1">Evet</option> <option value="2">Hayır</option> </select> </div> </div> </fieldset> </form> </div>