Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"uyelik formu"
Bootstrap 3.1.0 Snippet by
cevatasln
3.1.0
Preview
HTML
View Full Screen
Fork
Fork this
2.9K
 
0 Fav
Post to Facebook
Tweet this
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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"> <div class="row"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Kayıt</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="kullaniciadi">Kullanıcı Adı *</label> <div class="col-md-5"> <input id="kullaniciadi" name="kullaniciadi" placeholder="Kullanıcı Adı *" class="form-control input-md" required="" type="text"> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="sifre">Şifre *</label> <div class="col-md-5"> <input id="sifre" name="sifre" placeholder="Şifre *" class="form-control input-md" required="" type="password"> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="sifretekrar">Şifre Tekrarı *</label> <div class="col-md-5"> <input id="sifretekrar" name="sifretekrar" placeholder="Şifre Tekrarı *" class="form-control input-md" required="" type="password"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="adsoyad">Ad ve Soyadınız*</label> <div class="col-md-5"> <input id="adsoyad" name="adsoyad" placeholder="Ad ve Soyadınız*" class="form-control input-md" required="" type="text"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Cinsiyet</label> <div class="col-md-5"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Kadın</option> <option value="2">Erkek</option> <option value="3">Diğer</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="kurumunuz">Kurumunuz</label> <div class="col-md-4"> <textarea class="form-control" id="kurumunuz" name="kurumunuz"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="unvan">Ünvanınız</label> <div class="col-md-5"> <input id="unvan" name="unvan" placeholder="Ünvanınız" class="form-control input-md" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="imza">İmzanız (kurum ve iletişim bilgisi)</label> <div class="col-md-4"> <textarea class="form-control" id="imza" name="imza"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">E-mail Adresiniz*</label> <div class="col-md-5"> <input id="email" name="email" placeholder="E-mail Adresiniz*" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="emailtekrar">E-mail Adresiniz Tekrar *</label> <div class="col-md-5"> <input id="emailtekrar" name="emailtekrar" placeholder="E-mail Adresiniz Tekrar *" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="webadres">Web Adresiniz</label> <div class="col-md-5"> <input id="webadres" name="webadres" placeholder="Web Adresiniz" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="telno">Telefon Numaranız</label> <div class="col-md-5"> <input id="telno" name="telno" placeholder="Telefon Numaranız" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="gsmfax">GSM/Faks </label> <div class="col-md-5"> <input id="gsmfax" name="gsmfax" placeholder="GSM/Faks " class="form-control input-md" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="adres">Adresiniz</label> <div class="col-md-4"> <textarea class="form-control" id="adres" name="adres"></textarea> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="ulke">Ülkeniz</label> <div class="col-md-5"> <select id="ulke" name="ulke" class="form-control"> <option value="1">Afganistan</option> <option value="">Almanya</option> <option value="">Amerika Birleşik Devletleri</option> <option value="">Angola</option> <option value="">Arjantin</option> <option value="">Arnavutluk</option> <option value="">Avustralya</option> <option value="">Avusturya</option> <option value="">Bangladeş</option> <option value="">Belçika</option> <option value="">Benin</option> <option value="">Beyaz Rusya</option> <option value="">Birleşik Arap Emirlikleri</option> <option value="">Bolivya</option> <option value="">Bosna ve Hersek</option> <option value="">Botswana</option> <option value="">Brezilya</option> <option value="">Bulgaristan</option> <option value="">Burkina Faso</option> <option value="">Burundi</option> <option value="">Cezayir</option> <option value="">Colombia</option> <option value="">Çad</option> <option value="">Çek Cumhuriyeti</option> <option value="">Çin</option> <option value="">Danimarka</option> <option value="">Dominik Cumhuriyeti</option> <option value="">Ekvador</option> <option value="">El Salvador</option> <option value="">Endonezya</option> <option value="">Eritre</option> <option value="">Ermenistan</option> <option value="">Estonya</option> <option value="">Etiyopya</option> <option value="">Fas</option> <option value="">Fiji</option> <option value="">Fildişi Sahili</option> <option value="">Filipinler</option> <option value="">Filistin Bölgesi</option> <option value="">Finlandiya</option> <option value="">Fransa</option> <option value="">forumdas.net</option> <option value="">Gabon</option> <option value="">Gambia</option> <option value="">Gana</option> <option value="">Georgia</option> <option value="">Gine</option> <option value="">Guatemala</option> <option value="">Güney Afrika</option> <option value="">Güney Kore</option> <option value="">Haiti</option> <option value="">Hırvatistan</option> <option value="">Hindistan</option> <option value="">Hollanda</option> <option value="">Honduras</option> <option value="">Hong Kong</option> <option value="">Irak</option> <option value="">İngiltere</option> <option value="">İran</option> <option value="">İrlanda</option> <option value="">İspanya</option> <option value="">İsrail</option> <option value="">İsveç</option> <option value="">İsviçre</option> <option value="">İtalya</option> <option value="">Jamaika</option> <option value="">Japonya</option> <option value="">Kamboçya</option> <option value="">Kamerun</option> <option value="">Kanada</option> <option value="">Kazakistan</option> <option value="">Kenya</option> <option value="">Kırgızistan</option> <option value="">Kongo</option> <option value="">Kosta Rika</option> <option value="">Kuveyt</option> <option value="">Kuzey Kore</option> <option value="">Küba</option> <option value="">Laos</option> <option value="">Lesotho</option> <option value="">Letonya</option> <option value="">Libya</option> <option value="">Litvanya</option> <option value="">Lübnan</option> <option value="">Macaristan</option> <option value="">Madagaskar</option> <option value="">Makedonya</option> <option value="">Malawi</option> <option value="">Malezya</option> <option value="">Mali</option> <option value="">Mauritius Adası</option> <option value="">Meksika</option> <option value="">Mısır</option> <option value="">Moğolistan</option> <option value="">Moldova</option> <option value="">Moritanya</option> <option value="">Mozambik</option> <option value="">Myanmar</option> <option value="">Namibia</option> <option value="">Nepal</option> <option value="">Nijer</option> <option value="">Nijerya</option> <option value="">Nikaragua</option> <option value="">Norveç</option> <option value="">Özbekistan</option> <option value="">Pakistan</option> <option value="">Panama</option> <option value="">Papua Yeni Gine</option> <option value="">Paraguay</option> <option value="">Peru</option> <option value="">Polonya</option> <option value="">Portekiz</option> <option value="">Porto Riko</option> <option value="">Romanya</option> <option value="">Ruanda</option> <option value="">Rusya</option> <option value="">Senegal</option> <option value="">Sırbistan</option> <option value="">Sierra Leone</option> <option value="">Singapur</option> <option value="">Slovakya</option> <option value="">Slovenya</option> <option value="">Somali</option> <option value="">Sri Lanka</option> <option value="">Sudan</option> <option value="">Suriye</option> <option value="">Suudi Arabistan</option> <option value="">Svaziland</option> <option value="">Şili</option> <option value="">Tacikistan</option> <option value="">Tanzanya</option> <option value="">Tayland</option> <option value="">Tayvan</option> <option value="">Togo</option> <option value="">"Trinidad ve Tobago</option> <option value="">Tunus</option> <option value="">Türkiye</option> <option value="">Türkmenistan</option> <option value="">Uganda</option> <option value="">Ukrayna</option> <option value="">Umman</option> <option value="">Uruguay</option> <option value="">Ürdün</option> <option value="">Venezuela</option> <option value="">Vietnam</option> <option value="">Yemen</option> <option value="">Yeni Zelanda</option> <option value="">Yunanistan</option> <option value="">Zambiya</option> <option value="">Zimbabwe</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="ozgecmis">Özgeçmişiniz</label> <div class="col-md-4"> <textarea class="form-control" id="ozgecmis" name="ozgecmis"></textarea> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="calismadil">Çalışma Dilleriniz</label> <div class="col-md-4"> <div class="checkbox"> <label for="calismadil-0"> <input name="calismadil" id="calismadil-0" value="1" type="checkbox"> Deutsch </label> </div> <div class="checkbox"> <label for="calismadil-1"> <input name="calismadil" id="calismadil-1" value="2" type="checkbox"> English </label> </div> <div class="checkbox"> <label for="calismadil-2"> <input name="calismadil" id="calismadil-2" value="" type="checkbox"> Español </label> </div> <div class="checkbox"> <label for="calismadil-3"> <input name="calismadil" id="calismadil-3" value="" type="checkbox"> Français </label> </div> <div class="checkbox"> <label for="calismadil-4"> <input name="calismadil" id="calismadil-4" value="" type="checkbox"> Türkçe </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="seklindekayit">Şeklinde Kaydol</label> <div class="col-md-4"> <div class="checkbox"> <label for="seklindekayit-0"> <input name="seklindekayit" id="seklindekayit-0" value="1" type="checkbox"> Okuyucu: Derginin sayısı yayınlandığında e-posta ile bildirilecektir. </label> </div> <div class="checkbox"> <label for="seklindekayit-1"> <input name="seklindekayit" id="seklindekayit-1" value="2" type="checkbox"> Yazar: Eserleri ile ilgili sorun veya eksiklikte e-posta ile bildirilecektir. </label> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="sozlesme">Sözleşme</label> <div class="col-md-4"> <div class="checkbox"> <label for="sozlesme-0"> <input name="sozlesme" id="sozlesme-0" value="1" type="checkbox"> Kullanıcı Sözleşmesini Okudum ve Kabul Ediyorum </label> </div> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="kaydet"></label> <div class="col-md-8"> <button id="kaydet" name="kaydet" class="btn btn-success">Kaydet</button> <button id="iptal" name="iptal" class="btn btn-danger">İptal</button> </div> </div> </fieldset> </form> </div> </div>
Related:
See More
Free Template
Light Bootstrap Dashboard
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76