<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> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="name farmer">نام و نام خانوادگی</label> <div class="col-md-4"> <input id="name farmer" name="name" type="text" placeholder="" class="form-control input-md"> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="parent">فرزند</label> <div class="col-md-4"> <input id="name farmer" name="farzand" type="text" placeholder="" class="form-control input-md"> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="dob">تاریخ تولد</label> <div class="col-md-4"> <input id="name farmer" name="dob" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="state">استان</label> <div class="col-md-4"> <select id="state" name="ostan" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="city">شهرستان</label> <div class="col-md-4"> <select id="city" name="shahrestan" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="bakhsh">بخش</label> <div class="col-md-4"> <select id="bakhsh" name="bakhsh" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="dehestan">دهستان</label> <div class="col-md-4"> <select id="dehestan" name="dehestan" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="village">روستا</label> <div class="col-md-4"> <select id="village" name="village" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="mobile">تلفن همراه</label> <div class="col-md-4"> <input id="mobile" name="mobile" type="text" class="form-control input-md"> </div> </div> <!-- Text input--> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="id code">کد ملی</label> <div class="col-md-4"> <input id="mobile" name="idcode" type="text" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="other mobile">شماره تلفن ثابت</label> <div class="col-md-4"> <input id="other mobile" name="telephon" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Address">ادامه آدرس</label> <div class="col-md-4"> <textarea class="form-control" id="address" name="address"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="job">شغل</label> <div class="col-md-4"> <input id="job" name="job" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Education level">میزان تحصیلات</label> <div class="col-md-4"> <select id="Education level" name="tahsilat" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="reshteh">رشته تحصیلی</label> <div class="col-md-4"> <input id="reshteh" name="reshteh" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="local language">زبان محلی</label> <div class="col-md-4"> <select id="local language" name="zaban" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> </fieldset> </form>