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>

Websites Built to Give your Business a Rocket Boost

Website

Information

Services

Contact Info

Inroads

205-B Broadway Street
Frederick, MD 21701

301-473-9750
Email Us!