Ekli Form Html Örneği

<style type="text/css">legend {
text-align: center;
}
</style>
<form action="/tr/dosya-maili/gonder/30" class="form-horizontal" enctype="multipart/form-data" method="post"><input name="guvenlik1" type="hidden" value="1" /><input name="guvenlik2" type="hidden" value="1" />
<fieldset><!-- Form Name --><legend>Kişisel Bilgileriniz</legend> <!-- Text input-->
<div class="form-group"><label class="col-md-4 control-label" for="form_1">Adınız / Soyadınız</label>
<div class="col-md-4"><input class="form-control input-md" id="form_1" name="form_1" placeholder="" required="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_2">TC Kimlik No</label>

<div class="col-md-4"><input class="form-control input-md" id="form_2" name="form_2" placeholder="" required="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_3">Doğum Yeriniz</label>

<div class="col-md-4"><input class="form-control input-md" id="form_3" name="form_3" placeholder="" required="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_4">Doğum Tarihiniz</label>

<div class="col-md-4"><input class="form-control input-md" id="form_4" name="form_4" placeholder="gg/AA/yyyy" required="" type="text" /></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_5">Cinsiyetiniz</label>

<div class="col-md-4"><label class="radio-inline" for="form_5-0"><input checked="checked" id="form_5-0" name="form_5" type="radio" value="Bay" /> Bay </label> <label class="radio-inline" for="form_5-1"> <input id="form_5-1" name="form_5" type="radio" value="Bayan" /> Bayan </label></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_6">S&uuml;r&uuml;c&uuml; Belgeniz Var mı?</label>

<div class="col-md-4"><label class="radio-inline" for="form_6-0"><input checked="checked" id="form_6-0" name="form_6" type="radio" value="Evet" /> Evet </label> <label class="radio-inline" for="form_6-1"> <input id="form_6-1" name="form_6" type="radio" value="Hayır" /> Hayır </label></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_7">Varsa Sınıfı Nedir?</label>

<div class="col-md-4"><input class="form-control input-md" id="form_7" name="form_7" placeholder="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_8">Belge Tarihi</label>

<div class="col-md-4"><input class="form-control input-md" id="form_8" name="form_8" placeholder="" type="text" /></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_9">Medeni Durumunuz</label>

<div class="col-md-4"><label class="radio-inline" for="form_9-0"><input checked="checked" id="form_9-0" name="form_9" type="radio" value="Evli" /> Evli </label> <label class="radio-inline" for="form_9-1"> <input id="form_9-1" name="form_9" type="radio" value="Bekar" /> Bekar </label></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_10">&Ccedil;ocuk Sayısı ve Yaşı</label>

<div class="col-md-4"><input class="form-control input-md" id="form_10" name="form_10" placeholder="" type="text" /></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_11">Askerlik Durumunuz</label>

<div class="col-md-4"><label class="radio-inline" for="form_11-0"><input checked="checked" id="form_11-0" name="form_11" type="radio" value="Yaptı" /> Yaptı </label> <label class="radio-inline" for="form_11-1"> <input id="form_11-1" name="form_11" type="radio" value="Tecilli" /> Tecilli </label> <label class="radio-inline" for="form_11-2"> <input id="form_11-2" name="form_11" type="radio" value="Muaf" /> Muaf </label></div>
</div>
<legend>İletişim Bilgileriniz</legend> <!-- Textarea -->

<div class="form-group"><label class="col-md-4 control-label" for="form_12">İkamet Adresiniz</label>

<div class="col-md-4"><textarea class="form-control" id="form_12" name="form_12" required=""></textarea></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_13">Ev Telefonunuz</label>

<div class="col-md-4"><input class="form-control input-md" id="form_13" name="form_13" placeholder="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_14">Cep Telefonunuz</label>

<div class="col-md-4"><input class="form-control input-md" id="form_14" name="form_14" placeholder="" required="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_15">İş Telefonunuz</label>

<div class="col-md-4"><input class="form-control input-md" id="form_15" name="form_15" placeholder="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="mail">E-Posta Adresiniz</label>

<div class="col-md-4"><input class="form-control input-md" id="mail" name="mail" placeholder="" required="" type="text" /></div>
</div>

<div class="text-center"><strong>Bir Yakınınızın İletişim Bilgilerini Giriniz</strong></div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_17">Adı / Soyadı</label>

<div class="col-md-4"><input class="form-control input-md" id="form_17" name="form_17" placeholder="" required="" type="text" /></div>
</div>
<!-- Textarea -->

<div class="form-group"><label class="col-md-4 control-label" for="form_18">Adresi</label>

<div class="col-md-4"><textarea class="form-control" id="form_18" name="form_18" required=""></textarea></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_19">Telefonu</label>

<div class="col-md-4"><input class="form-control input-md" id="form_19" name="form_19" placeholder="" required="" type="text" /></div>
</div>
<legend>&Ouml;ğrenim Durumunuz</legend> <!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_20">Eğitim Durumu</label>

<div class="col-md-4"><input class="form-control input-md" id="form_20" name="form_20" placeholder="" required="" type="text" /></div>
</div>
<legend>&Ouml;zel Bilgiler</legend> <!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_21">Sigara i&ccedil;iyor musunuz?</label>

<div class="col-md-4"><label class="radio-inline" for="form_21-0"><input checked="checked" id="form_21-0" name="form_21" type="radio" value="Evet" /> Evet </label> <label class="radio-inline" for="form_21-1"> <input id="form_21-1" name="form_21" type="radio" value="Hayır" /> Hayır </label></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_22">Vardiyalı &ccedil;alışır mısınız?</label>

<div class="col-md-4"><label class="radio-inline" for="form_22-0"><input checked="checked" id="form_22-0" name="form_22" type="radio" value="Evet" /> Evet </label> <label class="radio-inline" for="form_22-1"> <input id="form_22-1" name="form_22" type="radio" value="Hayır" /> Hayır </label></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_23">Gerekli hallerde fazla mesaiye kalır mısınız?</label>

<div class="col-md-4"><label class="radio-inline" for="form_23-0"><input checked="checked" id="form_23-0" name="form_23" type="radio" value="Evet" /> Evet </label> <label class="radio-inline" for="form_23-1"> <input id="form_23-1" name="form_23" type="radio" value="Hayır" /> Hayır </label></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_24">Aktif olarak ara&ccedil; kullanıyor musunuz?</label>

<div class="col-md-4"><label class="radio-inline" for="form_24-0"><input checked="checked" id="form_24-0" name="form_24" type="radio" value="Evet" /> Evet </label> <label class="radio-inline" for="form_24-1"> <input id="form_24-1" name="form_24" type="radio" value="Hayır" /> Hayır </label></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_25">Adli kaydınız var mı?</label>

<div class="col-md-4"><label class="radio-inline" for="form_25-0"><input checked="checked" id="form_25-0" name="form_25" type="radio" value="Evet" /> Evet </label> <label class="radio-inline" for="form_25-1"> <input id="form_25-1" name="form_25" type="radio" value="Hayır" /> Hayır </label></div>
</div>
<!-- Multiple Radios (inline) -->

<div class="form-group"><label class="col-md-4 control-label" for="form_26">Ameliyat veya hastalık ge&ccedil;irdiniz mi?</label>

<div class="col-md-4"><label class="radio-inline" for="form_26-0"><input checked="checked" id="form_26-0" name="form_26" type="radio" value="Evet" /> Evet </label> <label class="radio-inline" for="form_26-1"> <input id="form_26-1" name="form_26" type="radio" value="Hayır" /> Hayır </label></div>
</div>
<legend>G&ouml;rev / &Uuml;cret Talep Bilgileri</legend> <!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_27">Aday Olduğunuz Pozisyon / G&ouml;rev</label>

<div class="col-md-4"><input class="form-control input-md" id="form_27" name="form_27" placeholder="" required="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_28">Talep Ettiğiniz Net &Uuml;cret</label>

<div class="col-md-4"><input class="form-control input-md" id="form_28" name="form_28" placeholder="" required="" type="text" /></div>
</div>
<!-- Text input-->

<div class="form-group"><label class="col-md-4 control-label" for="form_29">İşe ne zaman başlayabilirsiniz?</label>

<div class="col-md-4"><input class="form-control input-md" id="form_29" name="form_29" placeholder="" required="" type="text" /></div>
</div>
<!-- File Button -->

<div class="form-group"><label class="col-md-4 control-label" for="dosya1">Fotoğrafınızı Ekleyin</label>

<div class="col-md-4"><input class="input-file" id="dosya1" name="dosya1" type="file" /></div>
</div>
<!-- File Button -->

<div class="form-group"><label class="col-md-4 control-label" for="dosya2">Ek Belge ya da CV</label>

<div class="col-md-4"><input class="input-file" id="dosya2" name="dosya2" type="file" /></div>
</div>
<!-- Textarea -->

<div class="form-group"><label class="col-md-4 control-label" for="form_30">Eklemek İstedikleriniz</label>

<div class="col-md-4"><textarea class="form-control" id="form_30" name="form_30"></textarea></div>
</div>
<!-- Button -->

<div class="form-group">
<div class="col-md-4"><button class="btn btn-success" id="gonder" name="gonder">G&ouml;nder</button></div>
</div>
</fieldset>
</form>