<form class="form"> <div class="card-body"> <div class="form-group"> <label class="form-control-label" >اینپوت با حالت موفقیت</label> <input type="text" class="form-control is-valid" /> <div class="valid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> <div class="form-group"> <label class="form-control-label" >اینپوت با وضعیت خطا</label> <input type="text" class="form-control is-invalid" /> <div class="invalid-feedback">می توانید اینجا متن مورد نظر را قرار دهید.</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> </div> <div class="card-footer"> <button type="submit" class="btn btn-success font-weight-bold mr-2">ارسال</button> <button type="submit" class="btn btn-light-success font-weight-bold">لغو</button> </div> </form>
<form class="form"> <div class="card-body"> <div class="form-group row "> <label class="col-form-label col-lg-3" >اینپوت با حالت موفقیت</label> <div class="col-lg-9"> <input type="text" class="form-control is-valid" /> <div class="valid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> </div> <div class="form-group row "> <label class="col-form-label col-lg-3" >اینپوت با وضعیت خطا</label> <div class="col-lg-9"> <input type="text" class="form-control is-invalid" /> <div class="invalid-feedback">می توانید اینجا متن مورد نظر را قرار دهید.</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col-lg-9 ml-lg-auto"> <button type="submit" class="btn btn-primary font-weight-bold mr-2">ارسال</button> <button type="submit" class="btn btn-light-primary font-weight-bold">لغو</button> </div> </div> </div> </form>
<form class="form"> <div class="card-body"> <div class="form-group validated"> <label class="form-control-label" >افزوده شده در راست</label> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text" ><i class="la la-bar-chart "></i></span></div> <input type="text" class="form-control is-valid" placeholder="پست الکترونیک" /> </div> <div class="valid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> <div class="form-group validated"> <label class="form-control-label" >افزوده شده در چپ</label> <div class="input-group"> <input type="text" class="form-control is-invalid" value="4444a" placeholder="پست الکترونیک" /> <div class="input-group-append"><span class="input-group-text" >دلار</span></div> </div> <div class="invalid-feedback">می توانید اینجا متن مورد نظر را قرار دهید.</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> </div> <div class="card-footer"> <button type="submit" class="btn btn-success font-weight-bold mr-2">ارسال</button> <button type="submit" class="btn btn-light-success font-weight-bold">لغو</button> </div> </form>
<form class="form"> <div class="card-body"> <div class="form-group validated"> <label class="form-control-label" >چک باکس ها</label> <div class="checkbox-list"> <label class="checkbox"> <input type="checkbox"/> <span></span> گزینه 1 </label> <label class="checkbox"> <input type="checkbox"/> <span></span> گزینه 2 </label> <label class="checkbox"> <input type="checkbox"/> <span></span> گزینه 3 </label> </div> <div class="valid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> <div class="form-group validated"> <label class="form-control-label" >رادیو باکس های خطی</label> <div class="checkbox-inline"> <label class="checkbox checkbox-outline"> <input type="checkbox"/> <span></span> گزینه 1 </label> <label class="checkbox checkbox-outline"> <input type="checkbox"/> <span></span> گزینه 2 </label> <label class="checkbox checkbox-outline"> <input type="checkbox"/> <span></span> گزینه 3 </label> </div> <div class="invalid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> <div class="form-group validated"> <label class="form-control-label" >رادیوها</label> <div class="radio-list"> <label class="radio radio-outline"> <input type="radio"/> <span></span> گزینه 1 </label> <label class="radio radio-outline"> <input type="radio"/> <span></span> گزینه 2 </label> <label class="radio radio-outline"> <input type="radio"/> <span></span> گزینه 3 </label> </div> <div class="valid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> <div class="form-group validated"> <label class="form-control-label" >رادیو باکس خطی</label> <div class="radio-inline"> <label class="radio"> <input type="radio"/> <span></span> گزینه 1 </label> <label class="radio"> <input type="radio"/> <span></span> گزینه 2 </label> <label class="radio"> <input type="radio"/> <span></span> گزینه 3 </label> </div> <div class="invalid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> </div> <div class="card-footer"> <button type="submit" class="btn btn-success font-weight-bold mr-2">ارسال</button> <button type="submit" class="btn btn-light-success font-weight-bold">لغو</button> </div> </form>
<form class="form"> <div class="card-body"> <div class="form-group validated"> <label class="form-control-label" >ایکون راست</label> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text" ><i class="la la-map-marker "></i></span></div> <input type="text" class="form-control is-valid" placeholder="پست الکترونیک"/> </div> <div class="valid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> <div class="form-group validated"> <label class="form-control-label" >ایکون چپ</label> <div class="input-group"> <input type="text" class="form-control is-invalid" placeholder="پست الکترونیک"/> <div class="input-group-append"><span class="input-group-text" ><i class="la la-unlock-alt "></i></span></div> </div> <div class="invalid-feedback">می توانید اینجا متن مورد نظر را قرار دهید.</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> </div> <div class="card-footer"> <button type="submit" class="btn btn-primary font-weight-bold mr-2">ارسال</button> <button type="submit" class="btn btn-light-primary font-weight-bold">لغو</button> </div> </form>