Forms

Please follow this link to view all bootstrap 4 framework classes


            <form>
            <div class="form-group"> 

            <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="form-group"> 

            <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="form-group mt-3"> 

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

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

            </div>

Email address


              <div class="form-group"> 

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

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

              </div>

Example select


              <label for="exampleFormControlSelect1">Example select</label> 

              <select class="form-control" id="exampleFormControlSelect1"> 

              <option>1</option> 

              <option>2</option> 

              <option>3</option> 

              <option>4</option> 

              <option>5</option> 

              </select>

Example multiple select


              <div class="form-group mt-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="form-group"> 

            <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 class="form-inline">

            <div class="form-group">

            <label for="staticEmail2" class="sr-only">Email</label>

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

            </div>

            <div class="form-group mx-sm-3">

            <label for="inputPassword2" class="sr-only">Password</label>

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

            </div>

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

            </form>


            <form>

            <div class="form-group 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="form-group 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

About Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamt.

Contact Info

Thomas Kinkade Signature Gallery of New England

274 South Street
Shrewsbury, MA 01545

5083440133
Email Us!