Está en la página 1de 6

Realizar una página web que permite definir el siguiente formulario

Diseño
Codificación
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title> </title>

</head>

<body>

<fieldset>

<legend> Introdusca sus preferencias por favor</legend>

Eligue una fecha:<input type="date" name="">

<br>

Eligue un fichero:<input type="file" name="">

<br>

<input type="radio" name="chAMD" value = "amd"> amd

<input type="radio" name="chIntel" values = "Intel i5"> Intel i5

<input type="radio" name="chIntel i7" values = "Intel I7"> Intel 7

</fieldset>

<fieldset>

<legend>indique sus preferencias por favor </legend>


<input type="radio" name="matematicas">materia

<input type="radio" name="Historia">Historia

<input type="radio" name="Geografia">Geografia

<input type="radio" name="lengua">Lengua

<br>

Nombre:<input type="text" name="">

<br>

Apellido: <input type="text" name="">

<br>

Direccion <input type="text" name="" >

<br>

Escoge un color<input type="color" name="">

<br>

<textarea placeholder="Utiliza esta area para escribir"></textarea>

<br>

Eligue una fecha:<input type="date" name="">

<br>

<select>

<option>ingles</option>

<option>Español</option>

</select>

<br>
Eligue una hora <input type="time" name="">

<br>

Eligue un fichero:<input type="file" name="">

<br>

<input type="checkbox" name="Mujer">Mujer

<input type="checkbox" name="Historia">Hombre

</fieldset>

Formulario 2
<fieldset>

<legend> Completar </legend>

Escoge un color<input type="color" name="">

<br>

<textarea placeholder="Utiliza esta area para escribir"></textarea>

<br>

<select>

<option>java</option>

</select>

<br>

<input type="checkbox" name="ASING">ASING

<input type="checkbox" name="DAM">DAM

<input type="checkbox" name="DAW">DAW


</fieldset>

<fieldset>

<legend> Rellena las opciones siguientes </legend>

Eligue una fecha:<input type="date" name="">

<br>

Eligue un fichero:<input type="file" name="">

<br>

<select multiple = "multiple">

<option>SMIR</option>

<option>ASIR</option>

<option>DAM</option>

<option>DAW</option>

</select>

</fieldset>

</body>

</html>
Pruebas

También podría gustarte