Input fields
Bootstrap 5 Input fields
Los campos de entrada se refieren específicamente en los campos de entrada de texto, que se utilizan para obtener datos de los usuarios.
Requerido:
Input
*
* Los inicios automáticos están habilitados de forma predeterminada. Esto significa que no es necesario inicializar el componente manualmente.
Ejemplo Basico
* Un ejemplo básico del campo de entrada consiste en el input & label forman el grupo,
en la clase se encuentra el clase style="width: 22rem;" esta clase no es necesaria siempre y cuando el formulario este basado en grid-column
<!-- codigo form-basic -->
<div class="form-basic" style="width: 22rem;">
<label class="form-basic" for="form1" style="margin-left:0px;"> Nombre Usuario </label>
<input type="text" id="form1" class="form-control">
</div>
Input floating
Bootstrap 5 input
Requerido:
Input
*
* Los inicios automáticos están habilitados de forma predeterminada. Esto significa que no es necesario inicializar el componente manualmente.
Ejemplo Basico
* Un ejemplo básico del campo de entrada consiste en el input & label forman el grupo,
en la clase se encuentra el clase style="width: 22rem;" esta clase no es necesaria siempre y cuando el formulario este basado en grid-column
<!-- codigo form-floating -->
<div class="form-floating mb-3" style="width: 22rem;">
<input type="email" id="email" class="form-control" placeholder="name@example.com">
<label for="email"> Email address </label>
</div>
Input Estatico
Bootstrap 5 input
Requerido:
Input
*
* Los inicios automáticos están habilitados de forma predeterminada. Esto significa que no es necesario inicializar el componente manualmente.
Ejemplo Basico
* Un ejemplo básico del campo de entrada consiste en el input & label forman el grupo y tienen los datos estaticos como input con fechas,
<!-- codigo form-floating -->
<div class="form-floating mb-3" style="width: 22rem;">
<input type="email" id="email" class="form-control" placeholder="name@example.com">
<label for="email"> Email address </label>
</div>