عناصر فرم توضیحات عنوان صفحه در اینجا می رود...

<!-- text input -->
<div class="form-group">
  <label for="exampleFormControlInput1">Email address</label>
  <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]">
</div>
<div class="form-group">

<!-- select -->
<select class="form-control">
  ...
</select>

<!-- multiple select -->
<select multiple class="form-control">
  ...
</select>

<!-- textarea -->
<textarea class="form-control" rows="3"></textarea>

<!-- file input -->
<input type="file" class="form-control-file" id="exampleFormControlFile1" />

<!-- input text -->
<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg">
<input class="form-control" type="text" placeholder="ورودی پیش فرض">
<input class="form-control form-control-sm" type="text" placeholder=".form-control-sm">

<!-- select -->
<select class="form-control form-control-lg">
  <option>انتخاب بزرگ</option>
</select>
<select class="form-control">
  <option>انتخاب پیش فرض</option>
</select>
<select class="form-control form-control-sm">
  <option>انتخاب کوچک</option>
</select>

<input class="form-control" type="text" placeholder="ورودی فقط خواندنی..." readonly />

<div class="form-group row">
  <label for="staticEmail" class="col-sm-2 col-form-label">ایمیل</label>
  <div class="col-sm-10">
    <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="[email protected]">
  </div>
</div>

<!-- default range -->
<input type="range" class="form-control-range" id="formControlRange" />

<!-- custom range -->
<input type="range" class="custom-range" id="customRange1" />

<!-- checkbox -->
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1" disabled />
  <label class="form-check-label" for="defaultCheck1">چک باکس پیش فرض</label>
</div>

<!-- custom checkbox -->
<div class="custom-control custom-checkbox custom-control-inline">
  <input class="custom-control-input" type="checkbox" value="" id="customCheck1" disabled />
  <label class="custom-control-label" for="customCheck1">Custom checkbox</label>
</div>

<!-- radio -->
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" value="" id="defaultRadio1" disabled />
  <label class="form-check-label" for="defaultRadio1">چک باکس پیش فرض</label>
</div>

<!-- custom checkbox -->
<div class="custom-control custom-radio custom-control-inline">
  <input class="custom-control-input" type="radio" value="" id="customRadio1" disabled />
  <label class="custom-control-label" for="customRadio1">Custom radio</label>
</div>

<div class="custom-control custom-switch">
  <input type="checkbox" class="custom-control-input" id="customSwitch1">
  <label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
</div>

<!-- custom select -->
<select class="custom-select">
  <option selected>این منوی انتخاب را باز کنید</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<!-- custom-select-lg -->
<select class="custom-select custom-select-lg">...</select>

<!-- custom-select-sm -->
<select class="custom-select custom-select-sm">...</select>

<div class="custom-file">
  <input type="file" class="custom-file-input" id="customFile" />
  <label class="custom-file-label" for="customFile">Choose file</label>
</div>

<!-- required js file -->
<script src="assets/plugins/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>

<!-- init plugins -->
<script>
  $(document).ready(function() {
    bsCustomFileInput.init();
  });
</script>

<form>
  <div class="form-group">
    <label for="formGroupExampleInput">برچسب مثالی</label>
    <input type="text" class="form-control" id="formGroupExampleInput" placeholder="به عنوان مثال حفره یا سوراخ ورودی">
  </div>
  <div class="form-group">
    <label for="formGroupExampleInput2">برچسب دیگر</label>
    <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="یک مکان نگهدارنده ورودی دیگر">
  </div>
</form>

<form>
  <div class="form-group row">
    <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3">
    </div>
  </div>
  <div class="form-group row">
    <div class="col-sm-10">
      <button type="submit" class="btn btn-primary">Sign in</button>
    </div>
  </div>
</form>

<label for="inputPassword5">Password</label>
<input type="password" id="inputPassword5" class="form-control" aria-describedby="passwordHelpBlock">
<small id="passwordHelpBlock" class="form-text text-muted">
  رمز عبور شما باید 8-20 نویسه داشته باشد ، حروف و اعداد داشته باشد و نباید حاوی فضاها ، کاراکترهای ویژه یا ایموجی باشد.
</small>

<div class="input-group flex-nowrap">
  <div class="input-group-prepend">
    <span class="input-group-text" id="addon-wrapping">@</span>
  </div>
  <input type="text" class="form-control" placeholder="نام کاربری" />
  <div class="input-group-append">
    <span class="input-group-text">.com</span>
  </div>
</div>

<form class="was-validated">
  <!-- valid input -->
  <input type="text" class="form-control is-valid" value="" required />
  <div class="valid-feedback">Looks good!</div>

  <!-- invalid input -->
  <input type="text" class="form-control is-invalid" value="" required />
  <div class="invalid-feedback">Field is required</div>

  <!-- valid tooltip -->
  <div class="valid-tooltip">Looks good!</div>

  <!-- invalid tooltip -->
  <div class="invalid-tooltip">Field is required</div>

  <!-- custom checkbox -->
  <div class="custom-control custom-checkbox">
    <input type="checkbox" class="custom-control-input is-valid" required />
  </div>

  <!-- custom radio -->
  <div class="custom-control custom-radio">
    <input type="radio" class="custom-control-input is-valid" required />
  </div>

  <!-- custom select -->
  <select class="custom-select is-invalid" required>... </select>
  
  <!-- custom file -->
  <div class="custom-file">
    <input type="file" class="custom-file-input is-invalid" required />
  </div>
</form>