crear el código HTML para un formulario con las siguientes características
1) Controles caja de texto
. nombre
edad
2) Controles textarea
.describa su familia
. describa un día de su vida
3) Controles radio Button
. estado civil
.número de hermanos (1 al 6 o más)
4)Control select
. asignatura preferida (con 5 opciones de respuesta
5) Botones (envíar y borrar)
Respuestas a la pregunta
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulario</title><style>
*
{
box-sizing: border-box;
margin: 0;
padding: 0;
}
body
{
font-family: Arial, Helvetica, sans-serif;
background-color: cyan;
}
</style>
</head>
<body>
<header>
<h1>FORMULARIO</h1>
</header>
<main>
<form>
<label for="name">
NOMBRE:
<input type="text" id="name" required>
</label><br>
<label for="yearsOld">
EDAD:
<input type="number" id="yearsOld" required>
</label><br><br>
<label for="">DESCRIBE A TU FAMILIA: <br>
<textarea name="Descripción Familiar" id="familyDescription" cols="30" rows="10" minlength="20" placeholder="ESCRIBE AQUI"></textarea>
</label><br><br>
<label for="">DESCRIBE UN DÍA DE TU VIDA: <br>
<textarea name="Descripción Diaria" id="lifeDescription" cols="30" rows="10" minlength="20" placeholder="ESCRIBE AQUI"></textarea></label>
<div class="radio-button">
<label for="">
CASADO <input type="radio"><br>
SOLTERO <input type="radio">
</label>
</div><br><br><br>
<div class="brothers-number">
<label for="">
1 a 6 HERMANOS <input type="radio"><br>
MÁS <input type="radio">
</label>
</div><br><br><br><br>
<p>MATERIA FAVORITA</p><select name="materia" id="">
<option value="value1">MATEMATICAS</option>
<option value="value2">INGLES</option>
<option value="value3">SOCIALES</option>
<option value="value4">CASTELLANO</option>
<option value="value5">INFORMATICA</option>
</select><br><br><br><br><br>
<input type="submit">
</form>
</main>
</body>
</html>