Hola a tod@s!
En la semana 1 se os pide que diseñéis un formulario HTML para probar una serie de campos de distintos tipos, aquí tenéis un código válido para dicha práctica:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulario de Ejemplo</title>
</head>
<body>
<h1>Formulario de Ejemplo</h1>
<form action="http://193.147.87.202/procesaform.php" method="POST" enctype="multipart/form-data">
<!-- Campo de texto -->
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" value="Tu nombre por defecto" required>
<br><br>
<!-- Campo de email -->
<label for="email">Correo Electrónico:</label>
<input type="email" id="email" name="email" value="ejemplo@correo.com" required>
<br><br>
<!-- Campo de número -->
<label for="edad">Edad:</label>
<input type="number" id="edad" name="edad" value="30" min="1" max="100">
<br><br>
<!-- Campo de password -->
<label for="password">Contraseña:</label>
<input type="password" id="password" name="password" value="contraseña123">
<br><br>
<!-- Campo de selección simple -->
<label for="pais">País:</label>
<select id="pais" name="pais">
<option value="es">España</option>
<option value="mx">México</option>
<option value="ar" selected>Argentina</option>
<option value="cl">Chile</option>
</select>
<br><br>
<!-- Campo de selección múltiple -->
<label for="intereses">Intereses:</label>
<select id="intereses" name="intereses[]" multiple>
<option value="tecnologia" selected>Tecnología</option>
<option value="musica">Música</option>
<option value="deportes">Deportes</option>
<option value="cine">Cine</option>
</select>
<br><br>
<!-- Campos de radio buttons -->
<label>Género:</label><br>
<input type="radio" id="masculino" name="genero" value="masculino" checked>
<label for="masculino">Masculino</label><br>
<input type="radio" id="femenino" name="genero" value="femenino">
<label for="femenino">Femenino</label><br>
<input type="radio" id="otro" name="genero" value="otro">
<label for="otro">Otro</label><br><br>
<!-- Campos de checkbox -->
<label>Aficiones:</label><br>
<input type="checkbox" id="lectura" name="aficiones[]" value="lectura" checked>
<label for="lectura">Lectura</label><br>
<input type="checkbox" id="viajes" name="aficiones[]" value="viajes">
<label for="viajes">Viajes</label><br>
<input type="checkbox" id="deporte" name="aficiones[]" value="deporte">
<label for="deporte">Deporte</label><br><br>
<!-- Campo de área de texto -->
<label for="comentarios">Comentarios:</label><br>
<textarea id="comentarios" name="comentarios" rows="4" cols="50">Escribe tus comentarios aquí...</textarea>
<br><br>
<!-- Campo de archivo -->
<label for="archivo">Sube un archivo:</label>
<input type="file" id="archivo" name="archivo">
<br><br>
<!-- Botón de envío -->
<button type="submit">Enviar formulario</button>
</form>
</body>
</html>
Un saludo.
