Formularios HTML y HTML5


Aprende los Formularios HTML / HTML5 y mucho más en nuestro Curso:

Los Formularios o Campos HTML / HTML5, se utilizan para pedir, introducir o mostrar información dependiendo el tipo de Campo.
Unas de las principales cosas que se deben de comprender son:
 -> Estructura de un Formulario
 -> Campos de Texto
 -> Botones
 -> Campos de Selección
 -> Áreas de Texto
 -> Campos de Email
 -> Campos de Números
 -> Campos de Fechas
 -> Campos de Tiempo
 -> Campos de Rango
 -> Campos de Color
 -> Validaciones
 -> Y otros componentes y atributos de los mismos.


La Estructura de un Formulario es utilizando la etiqueta <form> ... </form> y entre la misma definir los tipos de campos.
<!--  Este es un Comentario  -->
<!DOCTYPE html>
<html>
<head>
    <title> Titulo del Documento </title>
<head>
<body>
    <!--  Cuerpo del Documento  -->
    <form>
        <input> ... </input>
        .
        .
        <input> ... </input>
    </form>
</body>
</html>

Los Campos de Texto es agregando el type igual a text, como a continuación se muestra.
<input type="text"></input>
Como Resultado es:




Los Botones es agregando el type igual a submit, y una propiedad value donde se agrega lo que se quiere mostrar como leyenda en el mismo boton, como a continuación se muestra.
<input type="submit" value="Aceptar"></input>
Como Resultado es:




Los Campos de Selección es agregando elementos select, en los cuales se le agregan elementos option, como a continuación se muestra.
<select name="seleccion">
  <option value="">- Elige una Opción -</option>
  <option value="">- Opción 1 -</option>
  <option value="">- Opción 2 -</option>
  <option value="">- Opción 3 -</option>
</select>
Como Resultado es:



Las Áreas de Texto es agregando elementos textarea, como a continuación se muestra.
<textarea></textarea>
Como Resultado es:


Los Campos de Email es agregando un elemento input con type igual a email, como a continuación se muestra.
<input type="email"></input>
Como Resultado es:



Los Campos de Números es agregando un elemento input con type igual a number, como a continuación se muestra.
<input type="number"></input>
Como Resultado es:



Los Campos de Fechas es agregando un elemento input con type igual a date, como a continuación se muestra.
<input type="date"></input>
Como Resultado es:



Los Campos de Tiempo es agregando un elemento input con type igual a time, como a continuación se muestra.
<input type="time"></input>
Como Resultado es:



Los Campos de Rango es agregando un elemento input con type igual a range, como a continuación se muestra.
<input type="range"></input>
Como Resultado es:



Los Campos de Color es agregando un elemento input con type igual a color, como a continuación se muestra.
<input type="color"></input>
Como Resultado es:




Ve todos los temas en VideoTutoriales para aprender los Formularios HTML / HTML5 y mucho más en nuestro Curso:


1 comentario

1 comentario :

  1. Architects these days use 3D printing principally as a means to design and show correct and tangible scale 3d printer architecture model to raised appease potential purchasers and investors extra vividly and realistically. Conventional ways of designing scale fashions when compared to with} 3D printing are costly, tedious, and principally depend on a handful of expert craftsmen. 3D printing additionally be|can be} perfect for low quantity or brief run manufacturing. While some corporations Hand Held Massager need to churn out merchandise in the thousands or hundreds of thousands, other corporations need to provide a relatively small number of models or produce models on-demand.

    ResponderEliminar