Formulario 2
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Hay un control para indicar la fecha.
• Hay un control para elegir ficheros.
• Contiene los siguientes radiobuttons:radio con el name «procesador»
, value «procesadoramd» y el texto «AMD», radio con el name «procesador»
, value «procesadorintel_i5» y el texto «Intel i5», radio con
el name «procesador» , value «procesadorintel_i7» y el texto «Intel i7».
• Contiene los siguientes radiobuttons:radio con el name «asignatura»
, value «asignaturamatematicas» y el texto «Matemáticas», radio con
el name «asignatura» , value «asignaturahistoria» y el texto «Historia», radio
con el name «asignatura» , value «asignaturageografia» y el texto «Geografía»,
radio con el name «asignatura» , value «asignaturalengua» y el texto «Lengua».
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «Nombre» y
el name nombre, cuadro de texto con el texto «Apellidos» y el name apellidos,
cuadro de texto con el texto «Direccion» y el name direccion
• Hay un control para elegir el color.
• Hay un textarea que mide 6 filas y 59 columnas que lleva dentro el texto
«Utilice este cuadro para escribir»
• Hay un control para indicar la fecha.
• Hay una lista desplegable con el name «idioma» y con las siguientes opciones:
opción «Inglés» con el value ingles, opción «Alemán» con el value aleman,
opción «Francés» con el value frances.
• Hay un control para indicar la hora.
• Hay un control para elegir ficheros.
• Contiene los siguientes checkboxes:checkbox con el name «sexo»
, value «sexomujer» y el texto «Mujer», checkbox con el name «sexo»
, value «sexohombre» y el texto «Hombre».
Solución:
<html>
<head>
<title>MI PRIMERA PAGINA </title>
</head>
<body>
<form>
<fieldset>
<legend>Indique sus preferencias por favor</legend>
Elija una fecha:<input type="date"> <br/>
Elija un fichero:<input type="file"> <br/>
<input type='radio' name='procesador' value='procesadoramd'> AMD
<input type='radio' name='procesador' value='procesadorintel_i5'> Intel i5
<input type='radio' name='procesador' value='procesadorintel_i7'> Intel i7
<br/>
</fieldset>
<fieldset>
<legend>Indique sus preferencias por favor</legend>
<input type='radio' name='asignatura' value='asignaturamatematicas'> Matemáticas
<input type='radio' name='asignatura' value='asignaturahistoria'> Historia
<input type='radio' name='asignatura' value='asignaturageografia'> Geografía
<input type='radio' name='asignatura' value='asignaturalengua'> Lengua
<br/>
Nombre<input type='text' name='nombre'> <br/>
Apellidos<input type='text' name='apellidos'> <br/>
Direccion<input type='text' name='direccion'> <br/>
<br/>
Elija un color:<input type="color"> <br/>
<textarea rows='6' cols='59'>Utilice este cuadro para escribir</textarea> <br/>
Elija una fecha:<input type="date"> <br/>
<select name='idioma' >
<option value='ingles'>Inglés</option>
<option value='aleman'>Alemán</option>
<option value='frances'>Francés</option>
</select>
<br/>
Elija una hora:<input type="time"> <br/>
Elija un fichero:<input type="file"> <br/>
<input type='checkbox' name='sexo' value='sexomujer'> Mujer
<input type='checkbox' name='sexo' value='sexohombre'> Hombre
<br/>
</fieldset>
</form>
</body>
</html>
Formulario 3
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Hay un control para elegir el color.
• Hay un textarea que mide 5 filas y 53 columnas que lleva dentro el texto «Por
favor, escriba aquí»
• Hay una lista desplegable con el name «lenguaje» y con las siguientes opciones:
opción «Java» con el value java, opción «Python» con el value python, opción
«HTML» con el value html, opción «Visual Basic» con el value visual_basic.
• Contiene los siguientes checkboxes:checkbox con el name «ciclo»
, value «cicloasir» y el texto «ASIR», checkbox con el name «ciclo»
, value «ciclodam» y el texto «DAM», checkbox con el name «ciclo»
, value «ciclodaw» y el texto «DAW».
• Hay un control para indicar la fecha.
• Hay un control para elegir ficheros.
• Hay una lista desplegable múltiple con el name «ciclo» y con las siguientes
opciones: opción «SMIR» con el value smir, opción «ASIR» con el value asir,
opción «DAM» con el value dam, opción «DAW» con el value daw.
Solución:
<html>
<head>
<title> MI PRIMERA PAGINA </title>
</head>
<body>
<form>
<fieldset>
<legend>Completar</legend>
Elija un color:<input type="color"> <br/>
<textarea rows='5' cols='53'>Por favor, escriba aquí</textarea> <br/>
<select name='lenguaje' >
<option value='java'>Java</option>
<option value='python'>Python</option>
<option value='html'>HTML</option>
<option value='visual_basic'>Visual Basic</option>
</select>
<br/>
<input type='checkbox' name='ciclo' value='cicloasir'> ASIR
<input type='checkbox' name='ciclo' value='ciclodam'> DAM
<input type='checkbox' name='ciclo' value='ciclodaw'> DAW
<br/>
</fieldset>
<fieldset>
<legend>Rellene las opciones siguientes</legend>
Elija una fecha:<input type="date"> <br/>
Elija un fichero:<input type="file"> <br/>
<select name='ciclo' multiple='multiple'>
<option value='smir'>SMIR</option>
<option value='asir'>ASIR</option>
<option value='dam'>DAM</option>
<option value='daw'>DAW</option>
</select>
<br/>
</fieldset>
</form>
Formulario 4
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Contiene los siguientes radiobuttons:radio con el name «asignatura»
, value «asignaturalengua» y el texto «Lengua», radio con el name «asignatura»
, value «asignaturamatematicas» y el texto «Matemáticas», radio con
el name «asignatura» , value «asignaturahistoria» y el texto «Historia», radio
con el name «asignatura» , value «asignaturageografia» y el texto «Geografía».
• Contiene los siguientes checkboxes:checkbox con el name «editor»
, value «editornotepad» y el texto «Notepad», checkbox con el name «editor»
, value «editoremacs» y el texto «Emacs», checkbox con el name «editor»
, value «editorotro» y el texto «Otro».
• Hay un textarea que mide 5 filas y 59 columnas que lleva dentro el texto
«Escriba aquí, por favor»
• Hay una lista desplegable con el name «procesador» y con las siguientes
opciones: opción «AMD» con el value amd, opción «Intel i5» con
el value intel_i5, opción «Intel i7» con el value intel_i7.
Solución:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body>
<form>
<fieldset>
<legend>Rellenar</legend>
<input type='radio' name='asignatura' value='asignaturalengua'> Lengua <br/>
<input type='radio' name='asignatura' value='asignaturamatematicas'> Matemáticas
<br/>
<input type='radio' name='asignatura' value='asignaturahistoria'> Historia <br/>
<input type='radio' name='asignatura' value='asignaturageografia'> Geografía <br/>
<br/>
<input type='checkbox' name='editor' value='editornotepad'> Notepad
<input type='checkbox' name='editor' value='editoremacs'> Emacs
<input type='checkbox' name='editor' value='editorotro'> Otro
<br/>
<textarea rows='5' cols='59'>Escriba aquí, por favor</textarea> <br/>
<select name='procesador' >
<option value='amd'>AMD</option>
<option value='intel_i5'>Intel i5</option>
<option value='intel_i7'>Intel i7</option>
</select>
<br/>
</fieldset>
</form>
</body>
</html>
Formulario 5
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Hay un control para elegir el color.
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «Nombre» y
el name nombre, cuadro de texto con el texto «Apellidos» y el name apellidos,
cuadro de texto con el texto «Telefono» y el name 7irecció
• Contiene los siguientes checkboxes:checkbox con el name «asignatura»
, value «asignaturalengua» y el texto «Lengua», checkbox con
el name «asignatura» , value «asignaturamatematicas» y el texto
«Matemáticas», checkbox con el name «asignatura»
, value «asignaturahistoria» y el texto «Historia», checkbox con
el name «asignatura» , value «asignaturageografia» y el texto «Geografía».
• Hay un control para elegir ficheros.
• Hay un textarea que mide 4 filas y 57 columnas que lleva dentro el texto
«Utilice este cuadro para escribir»
• Contiene los siguientes radiobuttons:radio con el name «formato»
, value «formatojpg» y el texto «JPG», radio con el name «formato»
, value «formatopng» y el texto «PNG».
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «Nombre» y
el name nombre, cuadro de texto con el texto «Apellidos» y el name apellidos,
cuadro de texto con el texto «Direccion» y el name 8irección
• Hay un control para indicar la fecha.
• Hay una lista desplegable múltiple con el name «conector» y con las siguientes
opciones: opción «USB» con el value usb, opción «Paralelo» con
el value paralelo, opción «PS2» con el value ps2.
• Hay un control para elegir ficheros.
Solución:
<html>
<head>
<title> MI PRIMERA PAGINA </title>
</head>
<body>
<form>
<fieldset>
<legend>Completar</legend>
Elija un color:<input type="color"> <br/>
Nombre<input type='text' name='nombre'> <br/>
Apellidos<input type='text' name='apellidos'> <br/>
Telefono<input type='text' name='telefono'> <br/>
<br/>
<input type='checkbox' name='asignatura' value='asignaturalengua'> Lengua
<input type='checkbox' name='asignatura' value='asignaturamatematicas'>
Matemáticas
<input type='checkbox' name='asignatura' value='asignaturahistoria'> Historia
<input type='checkbox' name='asignatura' value='asignaturageografia'> Geografía
<br/>
Elija un fichero:<input type="file"> <br/>
<textarea rows='4' cols='57'>Utilice este cuadro para escribir</textarea> <br/>
<input type='radio' name='formato' value='formatojpg'> JPG
<input type='radio' name='formato' value='formatopng'> PNG
<br/>
</fieldset>
<fieldset>
<legend>Completar</legend>
Nombre<input type='text' name='nombre'> <br/>
Apellidos<input type='text' name='apellidos'> <br/>
Direccion<input type='text' name='direccion'> <br/>
<br/>
Elija una fecha:<input type="date"> <br/>
<select name='conector' multiple='multiple'>
<option value='usb'>USB</option>
<option value='paralelo'>Paralelo</option>
<option value='ps2'>PS2</option>
</select>
<br/>
Elija un fichero:<input type="file"> <br/>
</fieldset>
</form>
</body>
</html>
Formulario 6
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Hay un control para indicar la fecha.
• Hay un control para indicar la hora.
• Hay un control para elegir ficheros.
• Hay una lista desplegable múltiple con el name «lenguaje» y con las siguientes
opciones: opción «Python» con el value python, opción «HTML» con
el value html, opción «Visual Basic» con el value visual_basic, opción «Java» con
el value java.
• Hay un control para elegir el color.
• Contiene los siguientes checkboxes:checkbox con el name «hardware»
, value «hardwaremonitor_led» y el texto «Monitor LED», checkbox con
el name «hardware» , value «hardwaressd» y el texto «SSD».
• Hay un textarea que mide 5 filas y 48 columnas que lleva dentro el texto
«Inserte aqui el texto»
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «Instituto» y
el name instituto, cuadro de texto con el texto «Estudios elegidos» y
el name estudios, cuadro de texto con el texto «Nombre» y el name nombre,
cuadro de texto con el texto «Apellidos» y el name apellidos, cuadro de texto
con el texto «Email» y el name email
• Contiene los siguientes radiobuttons:radio con el name «conector»
, value «conectorusb» y el texto «USB», radio con el name «conector»
, value «conectorparalelo» y el texto «Paralelo», radio con el name «conector»
, value «conectorps2» y el texto «PS2».
Solución:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body>
<form>
<fieldset>
<legend>Preferencias</legend>
Elija una fecha:<input type="date"> <br/>
Elija una hora:<input type="time"> <br/>
Elija un fichero:<input type="file"> <br/>
<select name='lenguaje' multiple='multiple'>
<option value='python'>Python</option>
<option value='html'>HTML</option>
<option value='visual_basic'>Visual Basic</option>
<option value='java'>Java</option>
</select>
<br/>
Elija un color:<input type="color"> <br/>
<input type='checkbox' name='hardware' value='hardwaremonitor_led'> Monitor LED
<br/>
<input type='checkbox' name='hardware' value='hardwaressd'> SSD <br/>
<br/>
<textarea rows='5' cols='48'>Inserte aqui el texto</textarea> <br/>
Instituto<input type='text' name='instituto'> <br/>
Estudios elegidos<input type='text' name='estudios'> <br/>
Nombre<input type='text' name='nombre'> <br/>
Apellidos<input type='text' name='apellidos'> <br/>
Email<input type='text' name='email'> <br/>
<br/>
<input type='radio' name='conector' value='conectorusb'> USB <br/>
<input type='radio' name='conector' value='conectorparalelo'> Paralelo <br/>
<input type='radio' name='conector' value='conectorps2'> PS2 <br/>
<br/>
</fieldset>
</form>
</body>
</html>
Formulario 7
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Hay un control para elegir el color.
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «Instituto» y
el name instituto, cuadro de texto con el texto «Estudios elegidos» y
el name estudios
• Contiene los siguientes radiobuttons:radio con el name «navegador»
, value «navegadorfirefox» y el texto «Firefox», radio con el name «navegador»
, value «navegadorchrome» y el texto «Chrome», radio con
el name «navegador» , value «navegadoropera» y el texto «Opera», radio con
el name «navegador» , value «navegadorie» y el texto «IE».
• Hay un control para elegir ficheros.
• Hay un control para indicar la hora.
• Contiene los siguientes checkboxes:checkbox con el name «hardware»
, value «hardwaretarjeta_aceleradora» y el texto «Tarjeta aceleradora»,
checkbox con el name «hardware» , value «hardwaremonitor_led» y el texto
«Monitor LED», checkbox con el name «hardware» , value «hardwaressd» y el
texto «SSD».
• Hay un textarea que mide 6 filas y 54 columnas que lleva dentro el texto
«Utilice este recuadro por favor»
• Contiene los siguientes radiobuttons:radio con el name «navegador»
, value «navegadorfirefox» y el texto «Firefox», radio con el name «navegador»
, value «navegadorchrome» y el texto «Chrome», radio con
el name «navegador» , value «navegadoropera» y el texto «Opera», radio con
el name «navegador» , value «navegadorie» y el texto «IE».
• Hay un control para indicar la fecha.
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «Instituto» y
el name instituto, cuadro de texto con el texto «Estudios elegidos» y
el name estudios
• Hay un control para indicar la hora.
• Hay un control para elegir el color.
• Hay un control para elegir ficheros.
• Contiene los siguientes checkboxes:checkbox con el name «ciclo»
, value «cicloasir» y el texto «ASIR», checkbox con el name «ciclo»
, value «ciclodam» y el texto «DAM», checkbox con el name «ciclo»
, value «ciclodaw» y el texto «DAW».
Solución:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body>
<form>
<fieldset>
<legend>Formulario de opciones</legend>
Elija un color:<input type="color"> <br/>
Instituto<input type='text' name='instituto'> <br/>
Estudios elegidos<input type='text' name='estudios'> <br/>
<br/>
<input type='radio' name='navegador' value='navegadorfirefox'> Firefox <br/>
<input type='radio' name='navegador' value='navegadorchrome'> Chrome <br/>
<input type='radio' name='navegador' value='navegadoropera'> Opera <br/>
<input type='radio' name='navegador' value='navegadorie'> IE <br/>
<br/>
Elija un fichero:<input type="file"> <br/>
Elija una hora:<input type="time"> <br/>
<input type='checkbox' name='hardware' value='hardwaretarjeta_aceleradora'>
Tarjeta aceleradora <br/>
<input type='checkbox' name='hardware' value='hardwaremonitor_led'> Monitor LED
<br/>
<input type='checkbox' name='hardware' value='hardwaressd'> SSD <br/>
<br/>
<textarea rows='6' cols='54'>Utilice este recuadro por favor</textarea> <br/>
</fieldset>
<fieldset>
<legend>Completar estas opciones</legend>
<input type='radio' name='navegador' value='navegadorfirefox'> Firefox
<input type='radio' name='navegador' value='navegadorchrome'> Chrome
<input type='radio' name='navegador' value='navegadoropera'> Opera
<input type='radio' name='navegador' value='navegadorie'> IE
<br/>
Elija una fecha:<input type="date"> <br/>
Instituto<input type='text' name='instituto'> <br/>
Estudios elegidos<input type='text' name='estudios'> <br/>
<br/>
Elija una hora:<input type="time"> <br/>
Elija un color:<input type="color"> <br/>
Elija un fichero:<input type="file"> <br/>
<input type='checkbox' name='ciclo' value='cicloasir'> ASIR
<input type='checkbox' name='ciclo' value='ciclodam'> DAM
<input type='checkbox' name='ciclo' value='ciclodaw'> DAW
<br/>
</fieldset>
</form>
</body>
</html>
Formulario 8
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Contiene los siguientes radiobuttons:radio con el name «ciclo»
, value «ciclosmir» y el texto «SMIR», radio con el name «ciclo»
, value «cicloasir» y el texto «ASIR», radio con el name «ciclo»
, value «ciclodam» y el texto «DAM», radio con el name «ciclo»
, value «ciclodaw» y el texto «DAW».
• Hay un control para indicar la fecha.
• Hay un textarea que mide 8 filas y 57 columnas que lleva dentro el texto
«Inserte aquí el texto»
• Hay un control para indicar la hora.
• Contiene los siguientes checkboxes:checkbox con el name «asignatura»
, value «asignaturageografia» y el texto «Geografía», checkbox con
el name «asignatura» , value «asignaturalengua» y el texto «Lengua», checkbox
con el name «asignatura» , value «asignaturamatematicas» y el texto
«Matemáticas», checkbox con el name «asignatura»
, value «asignaturahistoria» y el texto «Historia».
• Hay un control para elegir el color.
• Hay un textarea que mide 8 filas y 57 columnas que lleva dentro el texto
«Inserte aquí el texto»
• Contiene los siguientes radiobuttons:radio con el name «asignatura»
, value «asignaturahistoria» y el texto «Historia», radio con
el name «asignatura» , value «asignaturageografia» y el texto «Geografía»,
radio con el name «asignatura» , value «asignaturalengua» y el texto «Lengua»,
radio con el name «asignatura» , value «asignaturamatematicas» y el texto
«Matemáticas».
• Hay una lista desplegable múltiple con el name «escritorio» y con las siguientes
opciones: opción «KDE» con el value kde, opción «GNOME» con
el value gnome, opción «Unity» con el value unity.
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «Nombre» y
el name nombre, cuadro de texto con el texto «Apellidos» y el name apellidos,
cuadro de texto con el texto «Telefono» y el name 16eléfono
Solución:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body>
<form>
<fieldset>
<legend>Formulario de opciones</legend>
<input type='radio' name='ciclo' value='ciclosmir'> SMIR <br/>
<input type='radio' name='ciclo' value='cicloasir'> ASIR <br/>
<input type='radio' name='ciclo' value='ciclodam'> DAM <br/>
<input type='radio' name='ciclo' value='ciclodaw'> DAW <br/>
<br/>
Elija una fecha:<input type="date"> <br/>
<textarea rows='8' cols='57'>Inserte aqui el texto</textarea> <br/>
</fieldset>
<fieldset>
<legend>Rellene las opciones siguientes</legend>
Elija una hora:<input type="time"> <br/>
<input type='checkbox' name='asignatura' value='asignaturageografia'> Geografía
<br/>
<input type='checkbox' name='asignatura' value='asignaturalengua'> Lengua <br/>
<input type='checkbox' name='asignatura' value='asignaturamatematicas'>
Matemáticas <br/>
<input type='checkbox' name='asignatura' value='asignaturahistoria'> Historia <br/>
<br/>
Elija un color:<input type="color"> <br/>
<textarea rows='8' cols='57'>Inserte aqui el texto</textarea> <br/>
<input type='radio' name='asignatura' value='asignaturahistoria'> Historia
<input type='radio' name='asignatura' value='asignaturageografia'> Geografía
<input type='radio' name='asignatura' value='asignaturalengua'> Lengua
<input type='radio' name='asignatura' value='asignaturamatematicas'> Matemáticas
<br/>
<select name='escritorio' multiple='multiple'>
<option value='kde'>KDE</option>
<option value='gnome'>GNOME</option>
<option value='unity'>Unity</option>
</select>
<br/>
Nombre<input type='text' name='nombre'> <br/>
Apellidos<input type='text' name='apellidos'> <br/>
Telefono<input type='text' name='telefono'> <br/>
<br/>
</fieldset>
</form>
</body>
</html>
Formulario 9
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «Nombre» y
el name nombre, cuadro de texto con el texto «Apellidos» y el name apellidos
• Hay un control para indicar la fecha.
• Hay un textarea que mide 5 filas y 53 columnas que lleva dentro el texto «Por
favor, escriba aquí»
• Hay una lista desplegable con el name «hardware» y con las siguientes
opciones: opción «Monitor LED» con el value monitor_led, opción «SSD» con
el value ssd.
• Contiene los siguientes radiobuttons:radio con el name «ide»
, value «ideeclipse» y el texto «Eclipse», radio con el name «ide»
, value «idenetbeans» y el texto «Netbeans», radio con el name «ide»
, value «idenotepad» y el texto «Notepad», radio con el name «ide»
, value «ideidea» y el texto «IDEA».
• Contiene los siguientes checkboxes:checkbox con el name «asignatura»
, value «asignaturamatematicas» y el texto «Matemáticas», checkbox con
el name «asignatura» , value «asignaturahistoria» y el texto «Historia»,
checkbox con el name «asignatura» , value «asignaturageografia» y el texto
«Geografía», checkbox con el name «asignatura» , value «asignaturalengua» y
el texto «Lengua».
• Hay un control para elegir ficheros.
• Hay un control para elegir el color.
• Hay un control para elegir el color.
• Hay una lista desplegable múltiple con el name «ciclo» y con las siguientes
opciones: opción «ASIR» con el value asir, opción «DAM» con el value dam,
opción «DAW» con el value daw.
• Hay un control para elegir ficheros.
• Hay un textarea que mide 5 filas y 47 columnas que lleva dentro el texto
«Escriba aquí, por favor»
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «DNI» y
el name dni, cuadro de texto con el texto «Nombre» y el name nombre, cuadro
de texto con el texto «Apellidos» y el name apellidos, cuadro de texto con el
texto «Telefono» y el name 19eléfono
• Contiene los siguientes checkboxes:checkbox con el name «asignatura»
, value «asignaturahistoria» y el texto «Historia», checkbox con
el name «asignatura» , value «asignaturageografia» y el texto «Geografía»,
checkbox con el name «asignatura» , value «asignaturalengua» y el texto
«Lengua», checkbox con el name «asignatura» , value «asignaturamatematicas»
y el texto «Matemáticas».
• Hay un control para indicar la hora.
Solución:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
<form>
<fieldset>
<legend>Indique</legend>
Nombre<input type='text' name='nombre'>
Apellidos<input type='text' name='apellidos'>
<br/>
Elija una fecha:<input type="date"> <br/>
<textarea rows='5' cols='53'>Por favor, escriba aquí</textarea> <br/>
<select name='hardware' >
<option value='monitor_led'>Monitor LED</option>
<option value='ssd'>SSD</option>
</select>
<br/>
<input type='radio' name='ide' value='ideeclipse'> Eclipse
<input type='radio' name='ide' value='idenetbeans'> Netbeans
<input type='radio' name='ide' value='idenotepad'> Notepad
<input type='radio' name='ide' value='ideidea'> IDEA
<br/>
<input type='checkbox' name='asignatura' value='asignaturamatematicas'>
Matemáticas <br/>
<input type='checkbox' name='asignatura' value='asignaturahistoria'> Historia <br/>
<input type='checkbox' name='asignatura' value='asignaturageografia'> Geografía
<br/>
<input type='checkbox' name='asignatura' value='asignaturalengua'> Lengua <br/>
<br/>
Elija un fichero:<input type="file"> <br/>
Elija un color:<input type="color"> <br/>
</fieldset>
<fieldset>
<legend>Preferencias</legend>
Elija un color:<input type="color"> <br/>
<select name='ciclo' multiple='multiple'>
<option value='asir'>ASIR</option>
<option value='dam'>DAM</option>
<option value='daw'>DAW</option>
</select>
<br/>
Elija un fichero:<input type="file"> <br/>
<textarea rows='5' cols='47'>Escriba aquí, por favor</textarea> <br/>
DNI<input type='text' name='dni'>
Nombre<input type='text' name='nombre'>
Apellidos<input type='text' name='apellidos'>
Telefono<input type='text' name='telefono'>
<br/>
<input type='checkbox' name='asignatura' value='asignaturahistoria'> Historia <br/>
<input type='checkbox' name='asignatura' value='asignaturageografia'> Geografía
<br/>
<input type='checkbox' name='asignatura' value='asignaturalengua'> Lengua <br/>
<input type='checkbox' name='asignatura' value='asignaturamatematicas'>
Matemáticas <br/>
<br/>
Elija una hora:<input type="time"> <br/>
</fieldset>
</form>
</body>
</html>
Formulario 10
Generar el formulario siguiente de acuerdo a los siguientes requisitos
• Hay un control para indicar la hora.
• Hay un textarea que mide 6 filas y 45 columnas que lleva dentro el texto
«Utilice este cuadro para escribir»
• Contiene los siguientes radiobuttons:radio con el name «lenguaje»
, value «lenguajejava» y el texto «Java», radio con el name «lenguaje»
, value «lenguajepython» y el texto «Python», radio con el name «lenguaje»
, value «lenguajehtml» y el texto «HTML», radio con el name «lenguaje»
, value «lenguajevisual_basic» y el texto «Visual Basic».
• Hay un control para elegir ficheros.
• Hay un control para indicar la fecha.
• Hay un control para elegir el color.
• Contiene los siguientes checkboxes:checkbox con el name «procesador»
, value «procesadorintel» y el texto «Intel», checkbox con
el name «procesador» , value «procesadoramd» y el texto «AMD».
• Hay un control para indicar la hora.
• Hay un control para elegir ficheros.
• Contiene los siguientes radiobuttons:radio con el name «procesador»
, value «procesadoramd» y el texto «AMD», radio con el name «procesador»
, value «procesadorintel_i5» y el texto «Intel i5», radio con
el name «procesador» , value «procesadorintel_i7» y el texto «Intel i7».
• Hay un textarea que mide 4 filas y 55 columnas que lleva dentro el texto
«Utilice este recuadro por favor»
• Hay los siguientes cuadros de texto:cuadro de texto con el texto «DNI» y
el name dni, cuadro de texto con el texto «Nombre» y el name nombre, cuadro
de texto con el texto «Apellidos» y el name apellidos, cuadro de texto con el
texto «Telefono» y el name telefono
• Hay un control para elegir el color.
Solución:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body>
<form>
<fieldset>
<legend>Complete, por favor</legend>
Elija una hora:<input type="time"> <br/>
<textarea rows='6' cols='45'>Utilice este cuadro para escribir</textarea> <br/>
<input type='radio' name='lenguaje' value='lenguajejava'> Java <br/>
<input type='radio' name='lenguaje' value='lenguajepython'> Python <br/>
<input type='radio' name='lenguaje' value='lenguajehtml'> HTML <br/>
<input type='radio' name='lenguaje' value='lenguajevisual_basic'> Visual Basic <br/>
<br/>
Elija un fichero:<input type="file"> <br/>
Elija una fecha:<input type="date"> <br/>
Elija un color:<input type="color"> <br/>
</fieldset>
<fieldset>
<legend>Rellene las opciones siguientes</legend>
<input type='checkbox' name='procesador' value='procesadorintel'> Intel <br/>
<input type='checkbox' name='procesador' value='procesadoramd'> AMD <br/>
<br/>
Elija una hora:<input type="time"> <br/>
Elija un fichero:<input type="file"> <br/>
<input type='radio' name='procesador' value='procesadoramd'> AMD
<input type='radio' name='procesador' value='procesadorintel_i5'> Intel i5
<input type='radio' name='procesador' value='procesadorintel_i7'> Intel i7
<br/>
<textarea rows='4' cols='55'>Utilice este recuadro por favor</textarea> <br/>
DNI<input type='text' name='dni'>
Nombre<input type='text' name='nombre'>
Apellidos<input type='text' name='apellidos'>
Telefono<input type='text' name='telefono'>
<br/>
Elija un color:<input type="color"> <br/>
</fieldset>
</form>
</body>
</html>