<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="baft">بافت خاک</label> <div class="col-md-4"> <label class="radio-inline" for="baft-0"> <input type="radio" name="sabok" id="baft-0" value="1" checked="checked"> سبک </label> <label class="radio-inline" for="baft-1"> <input type="radio" name="mote" id="baft-1" value="2"> متوسط </label> <label class="radio-inline" for="baft-2"> <input type="radio" name="sangin" id="baft-2" value="3"> سنگین </label> <label class="radio-inline" for="baft-3"> <input type="radio" name="baftn" id="baft-3" value="4"> نمی دانم </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="asid">اسیدیته خاک</label> <div class="col-md-4"> <label class="radio-inline" for="asid-0"> <input type="radio" name="asidi" id="asid-0" value="1" checked="checked"> اسیدی </label> <label class="radio-inline" for="asid-1"> <input type="radio" name="bazi" id="asid-1" value="2"> بازی-قلیایی </label> <label class="radio-inline" for="asid-2"> <input type="radio" name="asidn" id="asid-2" value="3"> نمی دانم </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="shoory">میزان شوری خاک</label> <div class="col-md-4"> <label class="radio-inline" for="shoory-0"> <input type="radio" name="ziad" id="shoory-0" value="1" checked="checked"> زیاد </label> <label class="radio-inline" for="shoory-1"> <input type="radio" name="motev" id="shoory-1" value="2"> متوسط </label> <label class="radio-inline" for="shoory-2"> <input type="radio" name="kam" id="shoory-2" value="3"> کم </label> <label class="radio-inline" for="shoory-3"> <input type="radio" name="shooryn" id="shoory-3" value="4"> نمی دانم </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="zehkeshi">زهکشی زمین</label> <div class="col-md-4"> <label class="radio-inline" for="zehkeshi-0"> <input type="radio" name="robaz" id="zehkeshi-0" value="1" checked="checked"> روباز </label> <label class="radio-inline" for="zehkeshi-1"> <input type="radio" name="zir" id="zehkeshi-1" value="2"> زیر زمین </label> <label class="radio-inline" for="zehkeshi-2"> <input type="radio" name="nadarad" id="zehkeshi-2" value="3"> ندارد </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="zirzamin">زهکشی زیر زمین</label> <div class="col-md-4"> <label class="radio-inline" for="zirzamin-0"> <input type="radio" name="loleh" id="zirzamin-0" value="1" checked="checked"> لوله کشی </label> <label class="radio-inline" for="zirzamin-1"> <input type="radio" name="nololeh" id="zirzamin-1" value="2"> بدون لوله </label> <label class="radio-inline" for="zirzamin-2"> <input type="radio" name="zirzaminn" id="zirzamin-2" value="3"> نمی دانم </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="tastih">آیا زمین تسطیح شده؟</label> <div class="col-md-4"> <label class="radio-inline" for="tastih-0"> <input type="radio" name="tastihy" id="tastih-0" value="1" checked="checked"> بله </label> <label class="radio-inline" for="tastih-1"> <input type="radio" name="tastihn" id="tastih-1" value="2"> خیر </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="khak">آیا آزمایش خاک انجام داده اید؟</label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="khaky" id="radios-0" value="1" checked="checked"> بله </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="khakn" id="radios-1" value="2"> خیر </label> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="azmayesh">آزمایش نمونه خاک</label> <div class="col-md-4"> <input id="azmayesh" name="azmayesh" class="input-file" type="file"> </div> </div> </fieldset> </form>