SlideShare une entreprise Scribd logo
1  sur  15
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>
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)
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
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í
APELLIDOS
Hacemos lo mismo con los tangs anteriores pero ahora colocamos apellidos
Lo ejecutamos
Br para separar los renglones o párrafos
LISTA
Select es una lista para seleccionar
Option las opciones para escoger
Al ejecutar
CONTRASEÑA
Input del tipo “password”
Al ejecutar
REPETICION
Input del tipo “radio”
Al ejecutar
IMAGEN
Input del tipo “file”
Al ejecutar
Da clic en la imagen y ya
ENVIAR
Input del tipo “submit”
Al ejecutar
FALTA DE INFORMACION
Required
Al ejecutar
Para el apellido igual
CORREO ELECTRONICO
Input del tipo “amail”
Al ejecutar
FECHA
Input del tipo “date”
Al ejecutar
COLOR
Input del tipo “color”
Al ejecutar
LINEA DE INTENCIDAD
Input del tipo “range”
Max: máximo
Min: mínimo
Step: espacios
Al ejecutar
NUMERO
Input del tipo “number”
Al ejecutar
Formularios

Contenu connexe

Tendances

Variables php pipe
Variables php pipeVariables php pipe
Variables php pipe070810pipe
 
Creación de Parrafo y sangrías en Word 2007
Creación de Parrafo y sangrías en Word 2007Creación de Parrafo y sangrías en Word 2007
Creación de Parrafo y sangrías en Word 2007Kevin Morales
 
Tutorial de utilización de traductor elmundo.es
Tutorial de utilización de traductor elmundo.esTutorial de utilización de traductor elmundo.es
Tutorial de utilización de traductor elmundo.esNicolas Nievas
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II htmlcrisotos
 
Lenguaje de programacion php
Lenguaje de programacion   phpLenguaje de programacion   php
Lenguaje de programacion phpzousbabastre
 
Agregar espacios en html
Agregar espacios en htmlAgregar espacios en html
Agregar espacios en htmlAngie Vasquez
 

Tendances (12)

Presentación alanis
Presentación alanisPresentación alanis
Presentación alanis
 
Variables php pipe
Variables php pipeVariables php pipe
Variables php pipe
 
xHTML 1.0 Basics
xHTML 1.0  BasicsxHTML 1.0  Basics
xHTML 1.0 Basics
 
Teclado (1)
Teclado (1)Teclado (1)
Teclado (1)
 
Creación de Parrafo y sangrías en Word 2007
Creación de Parrafo y sangrías en Word 2007Creación de Parrafo y sangrías en Word 2007
Creación de Parrafo y sangrías en Word 2007
 
Tutorial de utilización de traductor elmundo.es
Tutorial de utilización de traductor elmundo.esTutorial de utilización de traductor elmundo.es
Tutorial de utilización de traductor elmundo.es
 
Html
HtmlHtml
Html
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
 
Lenguaje de programacion php
Lenguaje de programacion   phpLenguaje de programacion   php
Lenguaje de programacion php
 
Agregar espacios en html
Agregar espacios en htmlAgregar espacios en html
Agregar espacios en html
 
Ciber
CiberCiber
Ciber
 
Curso de html
Curso de htmlCurso de html
Curso de html
 

En vedette (20)

servidor
servidorservidor
servidor
 
Html videos y objetos
Html videos y objetosHtml videos y objetos
Html videos y objetos
 
3° pagina web audio y video
3° pagina web audio y video3° pagina web audio y video
3° pagina web audio y video
 
Importacion degraficos
Importacion degraficosImportacion degraficos
Importacion degraficos
 
Guia html
Guia htmlGuia html
Guia html
 
iniciar y terminar windos (modo consola)
iniciar y terminar windos (modo consola)iniciar y terminar windos (modo consola)
iniciar y terminar windos (modo consola)
 
Como Ingresar Al Modo Consola
Como Ingresar Al Modo ConsolaComo Ingresar Al Modo Consola
Como Ingresar Al Modo Consola
 
componente microfno
componente microfnocomponente microfno
componente microfno
 
TECNOLOGÍAS PARA LA GESTIÓN DE REFERENCIAS BIBLIOGRÁFICAS
TECNOLOGÍAS PARA LA GESTIÓN DE REFERENCIAS BIBLIOGRÁFICASTECNOLOGÍAS PARA LA GESTIÓN DE REFERENCIAS BIBLIOGRÁFICAS
TECNOLOGÍAS PARA LA GESTIÓN DE REFERENCIAS BIBLIOGRÁFICAS
 
Estructurafisicacomputadoras
EstructurafisicacomputadorasEstructurafisicacomputadoras
Estructurafisicacomputadoras
 
tipos de escritorio
tipos de escritoriotipos de escritorio
tipos de escritorio
 
mantenimiento
mantenimientomantenimiento
mantenimiento
 
sistema de archivos
sistema de archivossistema de archivos
sistema de archivos
 
Funciones, macros y entorno de desarrollo
Funciones, macros  y entorno de desarrolloFunciones, macros  y entorno de desarrollo
Funciones, macros y entorno de desarrollo
 
Tipos De Sistemas Operativos
Tipos De Sistemas OperativosTipos De Sistemas Operativos
Tipos De Sistemas Operativos
 
Clase 8 tecno i-periodismo 2016
Clase 8  tecno i-periodismo 2016Clase 8  tecno i-periodismo 2016
Clase 8 tecno i-periodismo 2016
 
MS Dos command
MS Dos commandMS Dos command
MS Dos command
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
 
Main Board
Main BoardMain Board
Main Board
 
clasificación de redes
clasificación de redesclasificación de redes
clasificación de redes
 

Similaire à Formularios (20)

Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Guia html 1
Guia html 1Guia html 1
Guia html 1
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Manual html
Manual htmlManual html
Manual html
 
Html5
Html5Html5
Html5
 
Manual html
Manual htmlManual html
Manual html
 
Texto del manual de html
Texto del manual de htmlTexto del manual de html
Texto del manual de html
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
emded/Retro2011brandon
emded/Retro2011brandonemded/Retro2011brandon
emded/Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
html
htmlhtml
html
 
etiquetas HTML
etiquetas HTMLetiquetas HTML
etiquetas HTML
 
Html
HtmlHtml
Html
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 

Plus de luzeiitha

Importación
ImportaciónImportación
Importaciónluzeiitha
 
Mantenimiento lucelly
Mantenimiento lucellyMantenimiento lucelly
Mantenimiento lucellyluzeiitha
 
Dregradados lucelly
Dregradados lucellyDregradados lucelly
Dregradados lucellyluzeiitha
 
Sprite lcelly
Sprite lcellySprite lcelly
Sprite lcellyluzeiitha
 
Para crear botones
Para crear botonesPara crear botones
Para crear botonesluzeiitha
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action scriptluzeiitha
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de peliculaluzeiitha
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de peliculaluzeiitha
 
Paisaje nocturno
Paisaje  nocturnoPaisaje  nocturno
Paisaje nocturnoluzeiitha
 
Puertos y conectores para pc
Puertos y conectores para pcPuertos y conectores para pc
Puertos y conectores para pcluzeiitha
 

Plus de luzeiitha (20)

Importación
ImportaciónImportación
Importación
 
Lucelly php
Lucelly phpLucelly php
Lucelly php
 
Mantenimiento lucelly
Mantenimiento lucellyMantenimiento lucelly
Mantenimiento lucelly
 
Dregradados lucelly
Dregradados lucellyDregradados lucelly
Dregradados lucelly
 
Sprite lcelly
Sprite lcellySprite lcelly
Sprite lcelly
 
Graficos
GraficosGraficos
Graficos
 
Para crear botones
Para crear botonesPara crear botones
Para crear botones
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action script
 
Formularios
FormulariosFormularios
Formularios
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de pelicula
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de pelicula
 
Paisaje nocturno
Paisaje  nocturnoPaisaje  nocturno
Paisaje nocturno
 
Notas 2
Notas 2Notas 2
Notas 2
 
Notas
NotasNotas
Notas
 
Puertos y conectores para pc
Puertos y conectores para pcPuertos y conectores para pc
Puertos y conectores para pc
 
Html
HtmlHtml
Html
 
3
33
3
 
2
22
2
 
1
11
1
 
Mapa
MapaMapa
Mapa
 

Formularios

  • 1. 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>
  • 2. 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)
  • 3. 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
  • 4. 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í
  • 5. APELLIDOS Hacemos lo mismo con los tangs anteriores pero ahora colocamos apellidos Lo ejecutamos Br para separar los renglones o párrafos
  • 6. LISTA Select es una lista para seleccionar Option las opciones para escoger Al ejecutar CONTRASEÑA Input del tipo “password”
  • 9. Al ejecutar Da clic en la imagen y ya ENVIAR Input del tipo “submit” Al ejecutar
  • 11. Para el apellido igual CORREO ELECTRONICO Input del tipo “amail” Al ejecutar
  • 12. FECHA Input del tipo “date” Al ejecutar
  • 13. COLOR Input del tipo “color” Al ejecutar LINEA DE INTENCIDAD Input del tipo “range” Max: máximo Min: mínimo Step: espacios
  • 14. Al ejecutar NUMERO Input del tipo “number” Al ejecutar