Zumbe.net

Comenzando a programar una web

Formulario Canónico

Código: html
  1. <form id="formulario" action="./" method="post">
  2. <fieldset id="personal">
  3. <legend>INFORMACI&Oacute;N PERSONAL</legend>
  4. <label for="nombre">Nombre : </label>
  5. <input name="nombre" id="nombre" type="text"
  6. tabindex="1" />
  7.  
  8. <label for="apellido">Apellido : </label>
  9. <input name="apellido" id="apellido" type="text"
  10. tabindex="2" />
  11.  
  12. <label for="direccion">Dirección : </label>
  13. <input name="direccion" id="direccion" type="text"
  14. tabindex="3" />
  15. <p>…Informaci&oacute;n personal…</p>
  16. </fieldset>
  17. <fieldset id="historial">
  18. <legend>HISTORIAL M&Eacute;DICO</legend>
  19. <label for="gripe">Gripe : </label>
  20. <input name="enfermedad" id="gripe" type="checkbox"
  21. value="gripe" tabindex="20" />
  22.  
  23. <label for="paperas">Paperas : </label>
  24. <input name="enfermedad" id="paperas" type="checkbox"
  25. value="paperas" tabindex="21" />
  26.  
  27. <label for="mareos">Mareos : </label>
  28. <input name="enfermedad" id="mareos" type="checkbox"
  29. value="mareos" tabindex="22" />
  30.  
  31. <label for="estornudos">Estornudos : </label>
  32. <input name="enfermedad" id="estornudos" type="checkbox"
  33. value="estornudos" tabindex="23" />
  34. </fieldset>
  35. <fieldset id="opciones">
  36. <legend>OPCIONES</legend>
  37. <select name="opcion" id="opcion">
  38. <option selected="selected" label="none" value="none">
  39. seleccionar
  40. </option>
  41. <optgroup label="Grupo 1">
  42. <option label="cg1a" value="val_1a">Seleccion grupo 1a
  43. </option>
  44. <option label="cg1b" value="val_1b">Seleccion grupo 1b
  45. </option>
  46. <option label="cg1c" value="val_1c">Seleccion grupo 1c
  47. </option>
  48. </optgroup>
  49. <optgroup label="Grupo 2">
  50. <option label="cg2a" value="val_2a">Seleccion grupo 2a
  51. </option>
  52. <option label="cg2b" value="val_2a">Seleccion grupo 2b
  53. </option>
  54. </optgroup>
  55. <optgroup label="Grupo 3">
  56. <option label="cg3a" value="val_3a">Seleccion grupo 3a
  57. </option>
  58. <option label="cg3a" value="val_3a">Seleccion grupo 3b
  59. </option>
  60. </optgroup>
  61. </select>
  62. </fieldset>
  63. <fieldset id="actual">
  64. <legend>MEDICACI&Oacute;N ACTUAL</legend>
  65. <p>…est&aacute; tomando actualmente alguna medicaci&oacute;n?</p>
  66. <label for="si">si : </label>
  67. <input name="medicacion" id="si" type="radio"
  68. value="si" tabindex="35" />
  69.  
  70. <label for="no">no : </label>
  71. <input name="medicacion" id="no" type="radio"
  72. value="no" tabindex="35" />
  73.  
  74. <p>…si actualmente est&aacute; tomando medicaci&oacute;n ind&iacute;quela
  75. a continuaci&oacute;n:</p>
  76. <textarea name="medicacion_actual" tabindex="40"
  77. cols="40" rows="10"></textarea>
  78. </fieldset>
  79. <p>
  80. <input id="boton" type="submit" value="Enviar" />
  81. <input type="reset" id="resetear" value="Comenzar de nuevo" />
  82. </p>
  83. </form>

12 Mayo 2006 · Tags Sin categoría |

No hay comentarios, escribe el primero!

Escribe un comentario!

Buscador

2005-2007 Zumbe.net Creada por Alex Barros con WordPress - Licencia Reconocimiento - RSS