15
Formularios Partes de un Formulario Para crear formularios en Notepad++ Abrimos el programa (inicioprogramas notepad++ ) Le colocamos lenguaje y este es HTML (MenúlenguajeHTML) Recuerda que siempre al empezar a programar con Html5 tenemos que escribir <!DOCTYPE HTML5>

Formularios

Embed Size (px)

Citation preview

Page 1: Formularios

Formularios

Partes de un Formulario

Para crear formularios en Notepad++

Abrimos el programa (inicio—programas – notepad++ )

Le colocamos lenguaje y este es HTML

(Menú—lenguaje—HTML)

Recuerda que siempre al empezar a programar con Html5 tenemos que escribir

<!DOCTYPE HTML5>

Page 2: Formularios

Para empezar con html siempre vamos a escribir

<html> </html> tipo de lenguaje

<head> </head> encabezamiento de la pagina

<title> </title> titulo de las pagina (aparecerá en la pestaña )

<body> </body> cuerpo de la pagina

Antes de ejecutar tienes que guardar como Html

(archivo—guardar como –html)

Page 3: Formularios

NOMBRE

Form es para empezar un formulario

Label una cajita para escribir el nombre

Input muestra el tipo de texto que se va a usar

Page 4: Formularios

Para ejecutar lo guardamos i en ejecutar de damos clic con en el navegador con el que vaya a trabajar

los mas recomendables son el Google Chrome y el Opera

En la pantalla observara algo así

Page 5: Formularios

APELLIDOS Hacemos lo mismo con los tangs anteriores pero ahora colocamos apellidos

Lo ejecutamos

Br para separar los renglones o párrafos

Page 6: Formularios

LISTA Select es una lista para seleccionar

Option las opciones para escoger

Al ejecutar

CONTRASEÑA Input del tipo “password”

Page 7: Formularios

Al ejecutar

REPETICION Input del tipo “radio”

Page 8: Formularios

Al ejecutar

IMAGEN Input del tipo “file”

Page 9: Formularios

Al ejecutar

Da clic en la imagen y ya

ENVIAR Input del tipo “submit”

Al ejecutar

Page 10: Formularios

FALTA DE INFORMACION Required

Al ejecutar

Page 11: Formularios

Para el apellido igual

CORREO ELECTRONICO Input del tipo “amail”

Al ejecutar

Page 12: Formularios

FECHA Input del tipo “date”

Al ejecutar

Page 13: Formularios

COLOR Input del tipo “color”

Al ejecutar

LINEA DE INTENCIDAD Input del tipo “range”

Max: máximo

Min: mínimo

Step: espacios

Page 14: Formularios

Al ejecutar

NUMERO Input del tipo “number”

Al ejecutar

Page 15: Formularios