Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Bootstrap Formulario Basico
#1
Bootstrap 3 por defecto aplica algunos estilos a todos los componentes de los formularios. Si añades la clase 
.form-control , los elementos <input>, <textarea> y <select>, su anchura se establece a width: 100%. Para optimizar el espaciado, utiliza la clase .form-group
 para encerrar cada campo de formulario con su <label>.
EJEMPLO
Código:
<form role="form">
 <div class="form-group">
   <label for="ejemplo_email_1">Email</label>
   <input type="email" class="form-control" id="ejemplo_email_1"
          placeholder="Introduce tu email">
 </div>
 <div class="form-group">
   <label for="ejemplo_password_1">Contraseña</label>
   <input type="password" class="form-control" id="ejemplo_password_1"
          placeholder="Contraseña">
 </div>
 <div class="form-group">
   <label for="ejemplo_archivo_1">Adjuntar un archivo</label>
   <input type="file" id="ejemplo_archivo_1">
   <p class="help-block">Ejemplo de texto de ayuda.</p>
 </div>
 <div class="checkbox">
   <label>
     <input type="checkbox"> Activa esta casilla
   </label>
 </div>
 <button type="submit" class="btn btn-default">Enviar</button>
</form>
y se ve asi:
[Imagen: formulario-basico.png]

FUENTE
[Imagen: nuevo_logo.jpg]
Desarrollo Digital
Alejandro Ramirez
Visita mi Blog 
https://alexramirez.ml
WWW
Responder
#2
¿No seria mas facil hacerlo directamente por php?...... a mi me es mas sencillo
Responder
#3
(02-10-2018, 03:21 PM)efbsfcd escribió: ¿No seria mas facil hacerlo directamente por php?...... a mi me es mas sencillo

No entiendo a qué te refieres, en PHP como?
[Imagen: nuevo_logo.jpg]
Desarrollo Digital
Alejandro Ramirez
Visita mi Blog 
https://alexramirez.ml
WWW
Responder
#4
php y html son casi los mismos lenguajes casi dije xd y para realizar estos formularios necesitas un poco de ambas :v
WWW
Responder
#5
gracias por comaprti esto, es bastante util como no sabes como hacer esto
[Imagen: Nexo_Firma.gif]
[-] El post de ReyNexo23 tiene 1 Me Gusta de parte de:
  • cmascreativo.ml
WWW
Responder
#6
(02-10-2018, 08:37 PM)DaveNPlay escribió: php y html son casi los mismos lenguajes casi dije xd y para realizar estos formularios necesitas un poco de ambas :v


Voy a hacer como que no leí esto. Amigo necesitas documentarte mejor
WWW
Responder


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Bootstrap Barras de Progreso cmascreativo.ml 7 89 06-10-2018, 07:14 PM
Último mensaje: cmascreativo.ml
  Bootstrap Listas cmascreativo.ml 6 99 05-10-2018, 11:00 PM
Último mensaje: fercol
  [Aporte] Botones en Bootstrap cmascreativo.ml 0 52 08-09-2018, 06:47 AM
Último mensaje: cmascreativo.ml
  Curso básico de programación creativa con Scratch en contextos educativos (2018) Sprystate 3 119 02-08-2018, 09:03 AM
Último mensaje: ArtuGar
Bombilla [Tutorial] Aprender AJAX – Procesar un Formulario con XMLHttpRequest amner 1 383 14-03-2017, 03:07 PM
Último mensaje: Carlos Mendoza
  LANZAMIENTO DE BOOTSTRAP 4.0.0 ALPHA Y ADIOS BOOTSTRAP 3 khristia 11 960 01-10-2016, 02:34 PM
Último mensaje: juanjj
  Curso básico de introducción a la programación Posits 1 477 04-08-2016, 02:48 AM
Último mensaje: antony_tj
  [Aporte] Curso básico de Javascript habacuc78 22 1,546 05-07-2016, 03:53 PM
Último mensaje: escuelasegura
  [Aporte] Curso completo Bootstrap habacuc78 10 915 06-02-2016, 04:50 AM
Último mensaje: habacuc78
  Como enviar un formulario por correo con php Rolando Sanchez 1 1,485 04-02-2016, 09:16 PM
Último mensaje: jfuentes7



Usuarios navegando en este tema: 1 invitado(s)