<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>VM Talep Formu</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="autoFiled2">Talep eden:</label> <div class="col-md-4"> <input id="autoFiled2" name="autoFiled2" type="text" placeholder="İsim Soyad" class="form-control input-md" required=""> <span class="help-block">AutoField</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="autoField">Tarih ve Saat:</label> <div class="col-md-4"> <input id="autoField" name="autoField" type="text" placeholder="26.07.2016 11:20:00" class="form-control input-md" required=""> <span class="help-block">Sistem Saati (autoFiled)</span> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="selectmultiple-2">Kullanım amaçı:</label> <div class="col-md-4"> <select id="selectmultiple-2" name="selectmultiple-2" class="form-control" multiple="multiple"> <option value="1">Genel Test amaçlı</option> <option value="2">Production öncesi Test</option> <option value="3">Production</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Talep edilen O/S:</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Ubuntu Server</option> <option value="2">Ubuntu Desktop</option> <option value="3">Windows 8</option> <option value="4">Windows XP</option> <option value="5">Windows Vista</option> </select> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">İşlem tipi:</label> <div class="col-md-4"> <div class="radio"> <label for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> Kurulum </label> </div> <div class="radio"> <label for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> İptal </label> </div> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="selectmultiple">İptal edilecek Suncu seçiniz:</label> <div class="col-md-4"> <select id="selectmultiple" name="selectmultiple" class="form-control" multiple="multiple"> <option value="1">VM2-SC3 OnlyOffice</option> <option value="2">VM8-SC3 Openmaint</option> <option value="3">VM7-SC3 Test Server</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput-1">CPU Çekirdek sayısı:</label> <div class="col-md-4"> <input id="textinput-1" name="textinput-1" type="text" placeholder="4" class="form-control input-md"> <span class="help-block">CPU çekirdek sayısı (1-16)</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput-3">Depolama Alanı:</label> <div class="col-md-4"> <input id="textinput-3" name="textinput-3" type="text" placeholder="60GB" class="form-control input-md"> <span class="help-block">ihtiyaç olan Depolama alanı (Min.)</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput-2">RAM:</label> <div class="col-md-4"> <input id="textinput-2" name="textinput-2" type="text" placeholder="1GB" class="form-control input-md"> <span class="help-block">Virtual RAM miktarı belirtiniz</span> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea-4">Diğer gereksinimler:</label> <div class="col-md-4"> <textarea class="form-control" id="textarea-4" name="textarea-4">Swap alanı 20GB olsun</textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea-6">Notlar:</label> <div class="col-md-4"> <textarea class="form-control" id="textarea-6" name="textarea-6">Çalışmanız ile ilgili iltmek istediğiniz diğer Notları buraya yazınız.</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes-2">İptal koşulları </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"> 2 hafta sonra VM imajı otomatik olarak silinmesini istiyorum! </label> </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>