<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>Personel işe giriş/çıkış Talep Formu</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput-1">Talep eden Birim Yöneticisi:</label> <div class="col-md-4"> <input id="textinput-1" name="textinput-1" type="text" placeholder="Talep eden" class="form-control input-md" required=""> <span class="help-block">Auto Field</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput-2">Talep Tarih/Saat:</label> <div class="col-md-4"> <input id="textinput-2" name="textinput-2" type="text" placeholder="gg.aa.YYYY h:m:s" class="form-control input-md" required=""> <span class="help-block">Auto Filed</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Personel giriş/çıkış:</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Personel girişi</option> <option value="2">Personel çıkışı</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="selectmultiple">İşten ayrılacak Personel(ler): seçiniz</label> <div class="col-md-4"> <select id="selectmultiple" name="selectmultiple" class="form-control" multiple="multiple"> <option value="1">Personel -1</option> <option value="2">Personel-2</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic-5">İşten ayrılma Tarihi:</label> <div class="col-md-4"> <select id="selectbasic-5" name="selectbasic-5" class="form-control"> <option value="1">Takvimden seç</option> <option value="2">Option two</option> </select> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes-2">Mevcut/Talep edilen zimmetler:</label> <div class="col-md-4"> <label class="checkbox-inline" for="checkboxes-2-0"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-0" value="1"> Şirkete ait Binek Araç </label> <label class="checkbox-inline" for="checkboxes-2-1"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-1" value="2"> Taşınabilir Bilgisayar </label> <label class="checkbox-inline" for="checkboxes-2-2"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-2" value="3"> Cep Telefonu </label> <label class="checkbox-inline" for="checkboxes-2-3"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-3" value="4"> GSM/3G/4.5 G SIM Kartı </label> <label class="checkbox-inline" for="checkboxes-2-4"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-4" value=""> Multinet </label> <label class="checkbox-inline" for="checkboxes-2-5"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-5" value=""> Bina ve Kampüs Giriş kartı </label> <label class="checkbox-inline" for="checkboxes-2-6"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-6" value=""> Bİlgi Güvenliği Sözleşmesi </label> <label class="checkbox-inline" for="checkboxes-2-7"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-7" value=""> SGK </label> <label class="checkbox-inline" for="checkboxes-2-8"> <input type="checkbox" name="checkboxes-2" id="checkboxes-2-8" value=""> İş Sözleşmesi </label> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary">Mevcut Zimmet Dosyası aç</button> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Zimmet Dosyası:</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes-1"> Şirketin (elektronik) hesapları:</label> <div class="col-md-4"> <label class="checkbox-inline" for="checkboxes-1-0"> <input type="checkbox" name="checkboxes-1" id="checkboxes-1-0" value="1"> E-posta hesabı </label> <label class="checkbox-inline" for="checkboxes-1-1"> <input type="checkbox" name="checkboxes-1" id="checkboxes-1-1" value="2"> Office hesabı </label> <label class="checkbox-inline" for="checkboxes-1-2"> <input type="checkbox" name="checkboxes-1" id="checkboxes-1-2" value="3"> Workflow hesabı </label> <label class="checkbox-inline" for="checkboxes-1-3"> <input type="checkbox" name="checkboxes-1" id="checkboxes-1-3" value="4"> OpenMaint hesabı </label> <label class="checkbox-inline" for="checkboxes-1-4"> <input type="checkbox" name="checkboxes-1" id="checkboxes-1-4" value=""> ARAS Innovator Hesabı </label> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic-3">Talep edilen işlem: (Seçili alanlara göre):</label> <div class="col-md-4"> <select id="selectbasic-3" name="selectbasic-3" class="form-control"> <option value="1">Seçili hesaplar oluşturulsun</option> <option value="2">Hesaplar dondurulsun</option> <option value="">Hesaplar silinsin</option> <option value="">Hesaplar önce yedeklensin sonra silinsin</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea-4">Yönetici Açıklaması:</label> <div class="col-md-4"> <textarea class="form-control" id="textarea-4" name="textarea-4">Buraya ek Bilgi vermek isterseniz kullanabileceğiniz bir alandır.</textarea> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-success">Gönder</button> <button id="button2id" name="button2id" class="btn btn-danger">İptal</button> </div> </div> </fieldset> </form>