jueves, 6 de septiembre de 2012

Videotutorial Formularios en HTML5

En este videotutorial podéis ver cómo funcionan algunos de los nuevos tipos de campos y propiedades para formularios en HTML5. Aprenderéis a utilizar tipos de campos como email, range, color, number o url entre otros, y propiedades como autofocus, placeholder, autocomplete, list o required. Uno de los grandes avances de los formularios HTML5 es la validación del formualario en cliente, veréis cómo en HTML5 se aporta un significado semántico a los tipos de campos, lo que habilita una validación automática, aportando mucha sencillez y comodidad desde el punto de vista del desarrollador. (Disponble en HD y en español)

 

8 comentarios:

  1. Hola, solo queria decir que me sirvió de mucho tu tutorial, te agradezco y espero que continues publicando nuevos videos.

    ResponderEliminar
    Respuestas
    1. Muy buenas Miguel, muchas gracias por tu comentario. Espero sacar un poco de tiempo para ir subiendo más videos sobre Tecnologías Web. Un Saludo!

      Eliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. Hola, Muchas gracias por los vídeos, excelente información.

    Me podrías decir como se pueden alinear las cajas de texto correspondientes a: Nombre, Email....

    y de paso te pregunto: la información recolectada con formularios HTML5 puedo enviarla a mi BD usando php o se puede realizar con este mismo estándar (HTML5)???

    ResponderEliminar
    Respuestas
    1. Muy buenas, gracias por tu comentario.

      Para alinear las cajas de texto del formulario lo más sencillo es que utilices una tabla con dos columnas. Ej:

      < table >
      < tr >
      < td >Nombre:< /td >
      < td > < input type="text"... >< /td >
      < /tr >
      < tr >
      < td >Email:< /td >
      < td >< input type="email"...>< /td >
      < /tr >
      ....
      < /table >

      De esta forma te va a ser muy sencillo que el formulario se te quede perfectamente cuadrado.

      La otra solución si no quieres utilizar tablas, es utilizando capas flotantes y crear a través de CSS el estilo para que se te quede todo alineado.

      En cuanto a tu pregunta de enviar a tu base de datos los datos del formulario, no lo puedes hacer directamente con HTML5, deberás utilizar una tecnología de servidor tipo PHP, ASP.NET, etc.

      Un Saludo!

      Eliminar
  4. Hola tío,
    Muy interesantes los nuevos atributos de los formularios...
    Ojalá y puedas realizar otro tutorial en el que expliques como crear una base de datos con PHP y relacionarla con este formulario que has creado; saludos y éxitos para vos.

    ResponderEliminar
  5. Este comentario ha sido eliminado por el autor.

    ResponderEliminar