Forms

Please follow this link to view all bootstrap 5 framework classes


            <form>
            <div class="mb-3"> 

            <label for="exampleInputEmail1">Email address</label> 

            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email"> 

            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> 

            </div> 

            <div class="mb-3"> 

            <label for="exampleInputPassword1">Password</label> 

            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 

            </div> <div class="form-check"> 

            <label class="form-check-label"> 

            <input type="checkbox" class="form-check-input"> Check me out 

            </label> 

            </div> 

            <button type="submit" class="btn btn-primary">Submit</button> 

            </form>

Example textarea


            <div class="mb-3 mt-3"> 

            <label for="exampleFormControlTextarea1">Example textarea</label> 

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

            </div>

Email address


              <div class="mb-3"> 

              <label for="exampleFormControlInput1">Email address</label> 

              <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com"> 

              </div>

Example select


              <select class="form-select form-select-lg mb-3" aria-label=".form-select-lg example"> 

              <option selected> 

              Open this select menu 

              </option> 

              <option value="1">One</option> 

              <option value="2">Two</option> 

              <option value="3">Three</option> 

              </select>

Example multiple select


              <div class="mb-3"> 

              <label for="exampleFormControlSelect2">Example multiple select</label> 

              <select multiple class="form-control" id="exampleFormControlSelect2"> 

              <option>1</option> 

              <option>2</option> 

              <option>3</option> 

              <option>4</option> 

              <option>5</option> 

              </select> 

              </div>


            <form> 

            <div class="mb-3"> 

            <label for="exampleFormControlFile1">Example file input</label> 

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

            </div> 

            </form>

<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg"> <input class="form-control " type="text" placeholder="Default input"> <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm">


            <select class="form-control form-control-lg"> 

            <option>Large select</option> 

            </select>


            <select class="form-control">

            <option>Default select</option>

            </select>


            <select class="form-control form-control-sm mt-3">

            <option>Small select</option>

            </select>


            <input class="form-control" type="text" placeholder="Readonly input here" readonly>


            <form>

            <div class="mb-3 row">

            <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>

            <div class="col-sm-10">

            <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">

            </div>

            </div>

            <div class="mb-3 row">

            <label for="inputPassword" class="col-sm-2 col-form-label">Password</label>

            <div class="col-sm-10">

            <input type="password" class="form-control" id="inputPassword" placeholder="Password">

            </div>

            </div>

            </form>

<form class="input-group" method="get" action="Search/"> <input class="form-control border-right-0 border" name="group_1" type="search" placeholder="Search"> <span class="input-group-append"> <button class="btn btn-outline-primary border-left-0 border" name="search" value="search_go" > <i class="fas fa-search"></i> </button> </span> </form>

Website

Contact Info

Optima Eye

6365 Halcyon Way
Suite 935
Alpharetta, GA 30005

404.662.4123
470.253.0774
info@optima-eye.com

Forms

Website

Contact Info

Sign Up!