Este input possui um efeito no label, no qual, ao ser clicado, ele
se eleva, sobrepondo-se a uma parte da borda inferior.
Input comum
Este input é comumente utilizado para campos de pesquisa. Para
aplicá-lo, basta utilizar a classe
.input-page.
Input de dados Formulario
Este input possui uma cor branca e é comumente utilizado para campos
de formulários de dados do usuário.
Input Select 2
Este Select utiliza uma biblioteca chamada select2, que inclui um
campo de pesquisa embutido. Para utilizá-lo, além de utilizar a tag
select, é necessário associar a biblioteca a cada input
que for utilizar. Certifique-se de incluir as bibliotecas
necessárias, tanto de CSS quanto de script, que podem ser
encontradas em Links Necessários.
Para que o Select2 funcione, adicione o seguinte código ao final,
juntamente com os scripts:
Input Multiple Selects
Este Select utiliza uma biblioteca chamada select2, que inclui um
campo de pesquisa embutido. Para utilizá-lo, além de utilizar a tag
select, é necessário associar a biblioteca a cada input
que for utilizar. Certifique-se de incluir as bibliotecas
necessárias, tanto de CSS quanto de script, que podem ser
encontradas em Links Necessários.
Para que o Select2 funcione, adicione o seguinte código ao final,
juntamente com os scripts:
Input Data
Este input de data utiliza a biblioteca chamada
bootstrap-datepicker, que incorpora um calendário. Para utilizá-lo,
é necessário associar a biblioteca a cada input que for utilizar.
Certifique-se de incluir as bibliotecas necessárias, tanto de CSS
quanto de script, que podem ser encontradas em
Links Necessários.
Para que o input de data funcione, adicione o seguinte código ao
final, juntamente com os scripts:
TextArea Mensagem
Este é um textarea para formulários de mensagem. Utilize a classe
.input-modal-marcacao para estilizá-lo.
Remover Setas Input Number
Este é um input number para formulários que não precisam de setas.
Utilize a classe
.input-page .input-remove-arrow para estilizá-lo.