formulario de html 5

10
Primero comenzamos con formularios en html 5 y lo que necesaria mente tiene que ir es <!DOCTYPE HTML> Luego seleccionamos el lenguaje en HTML

Upload: taniamabel

Post on 24-Jul-2015

631 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Formulario de html 5

Primero comenzamos con formularios en html 5 y lo que necesaria mente tiene que ir es

<!DOCTYPE HTML>

Luego seleccionamos el lenguaje en HTML

Page 2: Formulario de html 5

Al darle ejecutar deberá a parecer así

Luego aplicamos este código y nos saldrá así

<label> Tus apellidos </label>

<input type="text “name= "Apellidos"required/><br></br>

Page 3: Formulario de html 5

Siempre se pararemos con <br></br> cada cosa que se haga

Luego aplicamos el código este código Sirve para hacer listados

<Label>Curso</label>

<select name="Curso">

<option value="1">primer curso</option>

Page 4: Formulario de html 5

Para poner uno que diga contraseña aplicamos el código

<Label> contraseña</label>

<input type="password “name="contrasenia"/>

Este código nos sirve para hacer un botón y nos Saldrá así

<label>Repite</label>

<input type="radio “name="repite" value="opciont1">si</input>

<input type="radio “name="repite" value="opciont2">no</input>

Page 5: Formulario de html 5

<!-- el siguiente tag es para escoger un archivo--

<input type="file" accept="accept/jpg"/>

<!--el siguiente boton sirve para enviar la información-->

<input type="submit" value="enviar"/>

Y saldrá ASI

Page 6: Formulario de html 5

El Requerid sirve para que cuando uno se haya olvidado de colocar algún dato saldrá así

Para colocar la fecha solo se escribe este código y deberá salir así

<label>fecha:</label>

<input type="date"/>

Para que salga la del color se le pone el código

Page 7: Formulario de html 5

<label>color:</label>

<input type ="color"/>

<input type ="Range" max="0"stip="1"/>

Hay miramos que sale una vara la cual se puede correr y seleccionar el color

Este código nos sirve para seleccionar números del o hasta el numero que coloques

Page 8: Formulario de html 5

<label>Numero:</label>

<input type="number"max="10"min="0"value"5"/><br></br>

A final la pagina que daria ASI