"Untitled"
Bootstrap 4.1.1 Snippet by ahmetahmetea

<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>karınca bey form</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="ad soyad">ad soyad</label> <div class="col-md-4"> <input id="ad soyad" name="ad soyad" type="text" placeholder=" ad soyad" class="form-control input-md" required=""> <span class="help-block">gerekli</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">E-mail</label> <div class="col-md-4"> <input id="email" name="email" type="text" placeholder="E-posta Adresiniz" class="form-control input-md"> <span class="help-block">Gerekli</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="nerde yaşıyorsun"> nerde yaşıyorsun ?</label> <div class="col-md-4"> <select id="nerde yaşıyorsun" name="nerde yaşıyorsun" class="form-control"> <option value="81">Adana,</option> <option value="">Adıyaman,</option> <option value="">Afyon,</option> <option value="">Ağrı,</option> <option value="">Amasya,</option> <option value="">Ankara,</option> <option value="">Antalya,</option> <option value="">Artvin,</option> <option value="">Aydın,</option> <option value="">Balıkesir,</option> <option value="">Bilecik,</option> <option value="">Bingöl,</option> <option value="">Bitlis,</option> <option value="">Bolu,</option> <option value="">Burdur,</option> <option value="">Bursa,</option> <option value="">Çanakkale,</option> <option value="">Çankırı,</option> <option value="">Çorum,</option> <option value="">Denizli,</option> <option value="">Diyarbakır,</option> <option value="">Edirne,</option> <option value="">Elazığ,</option> <option value="">Erzincan,</option> <option value="">Erzurum,</option> <option value="">Eskişehir,</option> <option value="">Gaziantep,</option> <option value="">Giresun,</option> <option value="">Gümüşhane,</option> <option value="">Hakkari,</option> <option value="">Hatay,</option> <option value="">Isparta,</option> <option value="">Mersin,</option> <option value="">İstanbul,</option> <option value="">İzmir,</option> <option value="">Kars,</option> <option value="">Kastamonu,</option> <option value="">Kayseri,</option> <option value="">Kırklareli,</option> <option value="">Kırşehir,</option> <option value="">Kocaeli,</option> <option value="">Konya,</option> <option value="">Kütahya,</option> <option value="">Malatya,</option> <option value="">Manisa,</option> <option value="">Kahramanmaraş,</option> <option value="">Mardin,</option> <option value="">Muğla,</option> <option value="">Muş,</option> <option value="">Nevşehir,</option> <option value="">Niğde,</option> <option value="">Ordu,</option> <option value="">Rize,</option> <option value="">Sakarya,</option> <option value="">Samsun,</option> <option value="">Siirt,</option> <option value="">Sinop,</option> <option value="">Sivas,</option> <option value="">Tekirdağ,</option> <option value="">Tokat,</option> <option value="">Trabzon,</option> <option value="">Tunceli,</option> <option value="">Şanlıurfa,</option> <option value="">Uşak,</option> <option value="">Van,</option> <option value="">Yozgat,</option> <option value="">Zonguldak,</option> <option value="">Aksaray,</option> <option value="">Bayburt,</option> <option value="">Karaman,</option> <option value="">Kırıkkale,</option> <option value="">Batman,</option> <option value="">Şırnak,</option> <option value="">Bartın,</option> <option value="">Ardahan,</option> <option value="">Iğdır,</option> <option value="">Yalova,</option> <option value="">Karabük,</option> <option value="">Kilis,</option> <option value="">Osmaniye,</option> <option value="">Düzce</option> </select> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="medenihal">medeni hal</label> <div class="col-md-4"> <label class="radio-inline" for="medenihal-0"> <input type="radio" name="medenihal" id="medenihal-0" value="Evli" checked="checked"> Evli </label> <label class="radio-inline" for="medenihal-1"> <input type="radio" name="medenihal" id="medenihal-1" value="Bekar"> Bekar </label> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="okul">okul</label> <div class="col-md-4"> <div class="input-group"> <input id="okul" name="okul" class="form-control" placeholder="okulunuz adı" type="text"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> okul türü <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">ilkokul</a></li> <li><a href="#">ortaokul</a></li> <li><a href="#">lise</a></li> <li><a href="#">üniverste</a></li> </ul> </div> </div> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="hobilerim">hobi lerim</label> <div class="col-md-4"> <label class="checkbox-inline" for="hobilerim-0"> <input type="checkbox" name="hobilerim" id="hobilerim-0" value="okumak"> okumak </label> <label class="checkbox-inline" for="hobilerim-1"> <input type="checkbox" name="hobilerim" id="hobilerim-1" value="eleştirmek"> eleştirmek </label> <label class="checkbox-inline" for="hobilerim-2"> <input type="checkbox" name="hobilerim" id="hobilerim-2" value="futbool"> futbool </label> <label class="checkbox-inline" for="hobilerim-3"> <input type="checkbox" name="hobilerim" id="hobilerim-3" value="bilgisiyar"> bilgisiyar </label> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="mesaj">Mesajınız</label> <div class="col-md-4"> <textarea class="form-control" id="mesaj" name="mesaj">mesajınız yazın lütfen</textarea> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for=""></label> <div class="col-md-4"> <button id="" name="" class="btn btn-info">gönder</button> </div> </div> </fieldset> </form>

Related: See More


Questions / Comments: