Formularios html

Formularios

  • - Manejan Información.
  • - Son interactivos.
  • - Se les puede dar comportamiento.
  • - Se les puede dar estilo.
  • <form>
        <fieldset> ...
    </form>

elementos <form>

<form>

 

 

 

 

 

 

 

</form>

<input type="text" 
       id="campo_nombre" 
       value="Nombre :)">

Nombre :)

<input type="button" 
       id="btn_enviar" 
       value="Click para
       enviar"
       onClick="js();">

Click para Enviar

Formularios

<form>

 

 

 

 

 

 

 

</form>

<input type="email" 
       id="campo_email" 
       value="yo@dom.com">

yo@dom.com

<input type="password" 
       id="campo_pass" 
       value="12345678">

*********

Formularios

<form>

 

 

 

 

 

 

 

</form>

<input type="file" 
       id="archivo">
<input type="range" 
       id="cantidad_tela" 
       min="0" max="100">

Seleccionar Archivo...

Formularios

<form>

 

 

 

 

 

 

 

</form>

<input type="checkbox" 
       id="estado_vital" 
       checked>
Texto exterior...

Texto exterior

<input type="radio" 
       name="estado_civil"
       checked>
Texto fuera <br>...

Texto Fuera

Otro Texto

name vs id

  • <input id="campo_edad" ...>
    
  • document.getElementByID("campo>_edad");

Pretende ser único

Identificar para JS

Puede repetirse

Para enviar datos

  • <input name="edad" ...>
    
  • document.getElementByName("edad");

GET vs POST

<form method="GET"> ...
<form method="POST"> ...

Formularios HTML

By Tato Salvi

Formularios HTML

  • 310