viernes, 5 de octubre de 2012

Formularios en html

<!---------------- Formularios -----------------------
<form    
Atributos form:
name: Nombre del formulario válido para diferenciar los diferentes formularios javascript

action: - a que programa llama. por ejemplo php   
    - mailto:aitor@kaixo.com ya no se utiliza ya que requiere tener un cliente de correo instalado
method:
        get: se ven los parámetros en la url del navegador
        post: no se ven. Por ejemplo para enviar contraseñas, imágenes,..
       
enctype
        text/plain: por defecto
        multipart/form-data: para hacer uploads de ficheros en php


Atributos input
name: nombre
value: valor por defecto
type: - text (por defecto) caja de texto
        size: tamaño de la caja
        maxlenght: máximo número de caracteres
      - submit, botón de envio
      - password para password
      - hidden: Campos ocultos se utiliza para "modificar" en php 
      - radio :botón de opción: El name te permite agrupar y solo te permite seleccionar 1 !!!
         checked="checked" : selecciona por defecto
      - chekbox: casilla de verificación: te permite seleccionar varios

Atributo select option: listas de selección
    <select name="nombre">
        <option />

    </select>

    selected="selected" por defecto
     multiple="multiple" multiselección

Textarea: Áreas de texto. Por ejemplo comentarios
      Parámetros
        row: filas
        cols: columnas


       
     

-->
<form name="miformulario" action="mailto:aitor@kaixo.com" method="get" enctype="multipart/form-data">
<!--- input text ----->
Nombre:<input name="nombre" type="text" value="Aitor" /><br/>
Apellidos:<input name="apellidos" /><br/>
Password:<input name="palabraclave" type="password" /><br/>
Dni: <input name="dni" type="text" size="10" maxlength="9"/><br/>
<input type="hidden" value="123" name=oculto />
<!-- input radio ------->
Sexo: <input type="radio" name="sexo" value="chico" />Masculino
    <input type="radio" name="sexo" value="chica" checked="checked" />Femenino
    <input type="radio" name="aficion" value="leer" />aaaaaaaaaa
<!-- input checkbox ------->

<br/>Mis aficiones favoritas son: <input type="checkbox" name="aficion" value="dep" />Deporte
    <input type="checkbox" name="aficion" value="mus" checked="checked" />Musica
    <input type="checkbox" name="aficion" value="cine" />Cine
<!---- listas seleccion -->

<br/>Selecciona tu provincia:   
    <select name="nombre">
        <option value="1">Alava</option>
        <option value="2" selected="selected">Bizkaia </option>
        <option value="3">Gipuzkoa</option>
    </select>

<!---- listas seleccion con multiselección -->

<br/>Selecciona tu provincia:   
    <select name="nombre"  multiple="multiple">
        <option value="1">Alava</option>
        <option value="2" selected="selected">Bizkaia </option>
        <option value="3">Gipuzkoa</option>
    </select>

<!--- textarea --->
<br/>Comentarios:   
    <textarea rows="20" cols="80"> Introduce tus comentarios</textarea>

<!-- botones --->
<input type="reset" value="Borrar" />
<input type="submit" value="Enviar" />

</form>

No hay comentarios:

Publicar un comentario