Found 12 repositories(showing 12)
mimo84
This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work.
kaiwa
Twitter Bootstrap maxlength character count plugin
pnikolov
Wrapper for Bootstrap max-length plugin optimized for Composer.
raoul2000
Wrapper for the Bootstrap Maxlength plugin, a visual feedback indicator for the maxlength attribute
An extension to Bootstrap's Typeahead Plugin that supports a maxLength of zero.
rienerdparinas
Display the character length of a form control against the maximum length specified on the maxlength attribute
guillerg86
A jQuery plugin like bootstrap-maxlength but no need bootstrap to work. Also the library comes with additional features (optional) like warning limit, change bordercolor of input.
Gokcinodul
This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work.
smobob
http://mimo84.github.com/bootstrap-maxlength/
Stinger-Soft
Bootstrap MaxLength js Bundle for Symfony2
NetValueLab
O objetivo do projeto é desenvolver um sistema de administração de clientes. Nos formulários, utilize as validações de input do HTML 5 (como required, min, max, maxlength, type, etc) conforme as regras descritas abaixo. Você pode utilizar bibliotecas de terceiros para Javascript e CSS, como jQuery e Bootstrap. O aspecto visual também será avaliado, ou seja, o sistema deve ter uma interface bonita e pronta para uso. O sistema deve funcionar bem tanto em celulares quanto em computadores. O sistema deve gravar e consultar de uma base de dados relacional de sua preferência.
koko-tok
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit-no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <title>Koko tok</title> <style> .slide { position: relative; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64); margin-top: 26px; } .slide-inner { position: relative; overflow: hidden; width: 100%; height: calc( 300px + 3em); } .slide-open:checked + .slide-item { position: static; opacity: 100; } .slide-item { position: absolute; opacity: 0; -webkit-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; } .slide-item img { display: block; height: auto; max-width: 100%; } .slide-control { background: rgba(0, 0, 0, 0.28); border-radius: 50%; color: #fff; cursor: pointer; display: none; font-size: 40px; height: 40px; line-height: 35px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); cursor: pointer; -ms-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; width: 40px; z-index: 10; } .slide-control.prev { left: 2%; } .slide-control.next { right: 2%; } .slide-control:hover { background: rgba(0, 0, 0, 0.8); color: #aaaaaa; } #slide-1:checked ~ .control-1, #slide-2:checked ~ .control-2, #slide-3:checked ~ .control-3 { display: block; } .slide-indicador { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 2%; left: 0; right: 0; text-align: center; z-index: 10; } .slide-indicador li { display: inline-block; margin: 0 5px; } .slide-circulo { color: #828282; cursor: pointer; display: block; font-size: 35px; } .slide-circulo:hover { color: #aaaaaa; } #slide-1:checked ~ .control-1 ~ .slide-indicador li:nth-child(1) .slide-circulo, #slide-2:checked ~ .control-2 ~ .slide-indicador li:nth-child(2) .slide-circulo, #slide-3:checked ~ .control-3 ~ .slide-indicador li:nth-child(3) .slide-circulo { color: #428bca; } #titulo { width: 100%; position: absolute; padding: 0px; margin: 0px auto; text-align: center; font-size: 27px; color: rgba(255, 255, 255, 1); font-family: 'Open Sans', sans-serif; z-index: 9999; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0); } </style> </head> <link rel="shortcut icon" type="image/x-icon" href="Inventarios.png"> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand" href="#">Koko tok</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item dropdown"> <form class="form-inline my-1 my-lg-0"> <input class="form-control" type="text" placeholder="Busqueda" aria-label="Search" name="as_word" maxlength="120" autofocus autocapitalize="off" autocorrect="off" spellcheck="false" autocomplete="off" tabindex="2" > <button class="btn btn-warning" type="submit">Buscar</button> </form> </li> <li class="nav-item active"> <a class="nav-link" href="#">Lo más vendido <span class="sr-only">(current)</span></a> </li> <li class="nav-item active"> <a class="nav-link" href="#">Servicio al cliente <span class="sr-only">(current)</span></a> </li> <li class="nav-item active"> <a class="nav-link" href="#">Ayuda <span class="sr-only">(current)</span></a> </li> <li class="nav-item active"> <a class="nav-link" href="#">Historial <span class="sr-only">(current)</span></a> </li> </ul> </div> </nav> <div class="slide"> <div class="slide-inner" > <input class="slide-open" type="radio" id="slide-1" name="slide" aria-hidden="true" hidden="" checked="checked"> <div class="slide-item"> <img src="Oferta1.jpeg" class="center" width="250" height="300"> </div> <input class="slide-open" type="radio" id="slide-2" name="slide" aria-hidden="true" hidden="" checked="checked"> <div class="slide-item"> <img src="./img/ofertas.png" class="center" width="250" height="300"> </div> <input class="slide-open" type="radio" id="slide-3" name="slide" aria-hidden="true" hidden="" checked="checked"> <div class="slide-item"> <img src="./img/llaveros.png" class="center" width="250" height="300"> </div> <label for="slide-3" class="slide-control prv control-1"> < </label> <label for="slide-2" class="slide-control next control-1"> > </label> <label for="slide-1" class="slide-control prv control-2"> < </label> <label for="slide-3" class="slide-control next control-2"> > </label> <label for="slide-2" class="slide-control prv control-3"> < </label> <label for="slide-1" class="slide-control next control-3"> > </label> <o1 class="slide-indicador"> <li> <label for="slide-1" class="slide-circulo"> • </label> </li> <li> <label for="slide-2" class="slide-circulo"> • </label> </li> <li> <label for="slide-3" class="slide-circulo"> • </label> </li> </o1> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body> </html>
All 12 repositories loaded