<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>مشخصات زمین زراعی-آب</legend> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="abkesht">نوع کشت</label> <div class="col-md-4"> <label class="radio-inline" for="abkesht-0"> <input type="radio" name="abi" id="abkesht-0" value="1" checked="checked"> آبی </label> <label class="radio-inline" for="abkesht-1"> <input type="radio" name="deym" id="abkesht-1" value="2"> دیم کامل </label> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="abmanba">منبع آبی</label> <div class="col-md-4"> <label class="checkbox-inline" for="abmanba-0"> <input type="checkbox" name="chah" id="abmanba-0" value="1"> چاه </label> <label class="checkbox-inline" for="abmanba-1"> <input type="checkbox" name="ghanat" id="abmanba-1" value="2"> قنات </label> <label class="checkbox-inline" for="abmanba-2"> <input type="checkbox" name="rod" id="abmanba-2" value="3"> رودخانه </label> <label class="checkbox-inline" for="abmanba-3"> <input type="checkbox" name="cheshme" id="abmanba-3" value="4"> چشمه </label> <label class="checkbox-inline" for="abmanba-4"> <input type="checkbox" name="baran" id="abmanba-4" value=""> باران </label> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="abyari">سیستم آبیاری</label> <div class="col-md-4"> <label class="checkbox-inline" for="abyari-0"> <input type="checkbox" name="ghargh" id="abyari-0" value="1"> غرقابی </label> <label class="checkbox-inline" for="abyari-1"> <input type="checkbox" name="ghatre" id="abyari-1" value="2"> تحت فشار قطره ای </label> <label class="checkbox-inline" for="abyari-2"> <input type="checkbox" name="barani" id="abyari-2" value="3"> تحت فشار بارانی </label> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="mizan">میزان آب در دسترس</label> <div class="col-md-4"> <div class="input-group"> <input id="mizan" name="mizan" class="form-control" placeholder="" type="text"> <span class="input-group-addon">اینچ</span> </div> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="enteghal">نحوه انتقال آب به سطح</label> <div class="col-md-4"> <label class="radio-inline" for="enteghal-0"> <input type="radio" name="barghi" id="enteghal-0" value="1" checked="checked"> برقی </label> <label class="radio-inline" for="enteghal-1"> <input type="radio" name="diseli" id="enteghal-1" value="2"> دیزلی </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="pump">نوع پمپ آب</label> <div class="col-md-4"> <label class="radio-inline" for="pump-0"> <input type="radio" name="shenavar" id="pump-0" value="1" checked="checked"> شناور </label> <label class="radio-inline" for="pump-1"> <input type="radio" name="shaft" id="pump-1" value="2"> شافت و غلاف </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="noab">نوع آب آبیاری</label> <div class="col-md-4"> <label class="radio-inline" for="noab-0"> <input type="radio" name="shirin" id="noab-0" value="1" checked="checked"> شیرین </label> <label class="radio-inline" for="noab-1"> <input type="radio" name="shor" id="noab-1" value="2"> شور </label> <label class="radio-inline" for="noab-2"> <input type="radio" name="sangin" id="noab-2" value="3"> سنگین </label> <label class="radio-inline" for="noab-3"> <input type="radio" name="noabno" id="noab-3" value="4"> نمیدانم </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="azmayesh">آیا آزمایش آب انجام داده اید؟</label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="azmayeshy" id="radios-0" value="1" checked="checked"> بله </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="azmayeshn" id="radios-1" value="2"> خیر </label> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="nemone">آزمایش نمونه آب</label> <div class="col-md-4"> <input id="nemone" name="nemone" class="input-file" type="file"> </div> </div> </fieldset> </form>