<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Agregar Planes</h2> </div> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Agregar Planes</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Id">Id</label> <div class="col-md-4"> <input id="Id" name="Id" type="text" placeholder="ID Deje en Blanco" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="servidor">Servidor</label> <div class="col-md-6"> <select id="servidor" name="servidor" class="form-control"> <option value="Servidor 1">Servidor 1</option> <option value="Servidor 2">Servidor 2</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="plan">Nombre del Plan</label> <div class="col-md-6"> <input id="plan" name="plan" type="text" placeholder="Nombre del Plan" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="plan_descripcion">Descripción del Plan</label> <div class="col-md-6"> <input id="plan_descripcion" name="plan_descripcion" type="text" placeholder="Descripción" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="plan_costo">Costo</label> <div class="col-md-6"> <input id="plan_costo" name="plan_costo" type="text" placeholder="Costo" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="plan_cantidad_usuarios">Cantidad de sesiones por usuario</label> <div class="col-md-6"> <input id="plan_cantidad_usuarios" name="plan_cantidad_usuarios" type="text" placeholder="Cantidad de sesiones por usuario" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="plan_max_limit_upload_rx">Velocidad de Subida Upload Rx</label> <div class="col-md-6"> <select id="plan_max_limit_upload_rx" name="plan_max_limit_upload_rx" class="form-control"> <option value="56k">56k</option> <option value="128k">128k</option> <option value="256k">256k</option> <option value="384k">384k</option> <option value="512k">512k</option> <option value="768k">768k</option> <option value="1024k">1024k</option> <option value="1536k">1536k</option> <option value="2048k">2048k</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="plan_max_limit_download_tx">Velocidad de Subida Download Tx</label> <div class="col-md-6"> <select id="plan_max_limit_download_tx" name="plan_max_limit_download_tx" class="form-control"> <option value="56k">56k</option> <option value="128k">128k</option> <option value="256k">256k</option> <option value="384k">384k</option> <option value="512k">512k</option> <option value="768k">768k</option> <option value="1024k">1024k</option> <option value="1536k">1536k</option> <option value="2048k">2048k</option> </select> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="plan_activo">Plan Activo?</label> <div class="col-md-4"> <label class="checkbox-inline" for="plan_activo-0"> <input type="checkbox" name="plan_activo" id="plan_activo-0" value="1"> Si </label> <label class="checkbox-inline" for="plan_activo-1"> <input type="checkbox" name="plan_activo" id="plan_activo-1" value="0"> No </label> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="plan_listar_como">Listar en Pagina como?</label> <div class="col-md-6"> <select id="plan_listar_como" name="plan_listar_como" class="form-control"> <option value="NO LISTAR">NO LISTAR</option> <option value="RESIDENCIAL">RESIDENCIAL</option> <option value="EMPRESARIAL">EMPRESARIAL</option> <option value="ESTUDIANTIL">ESTUDIANTIL</option> </select> </div> </div> </fieldset> </form> </div>