<form>El elemento <form> en HTML5 se utiliza para crear formularios interactivos. Los formularios permiten a los usuarios enviar datos al servidor para procesamiento, como datos de registro o de búsqueda. A continuación, se detallan los atributos principales del elemento <form> en HTML5:
action:
<form action="submit_form.php">.method:
GET y POST.<form method="post">.enctype:
application/x-www-form-urlencoded, multipart/form-data, text/plain.<form enctype="multipart/form-data">.autocomplete:
on, off.<form autocomplete="on">.novalidate:
<form novalidate>.target:
_self (abre en el mismo contexto), _blank (nueva pestaña), _parent, _top, o el nombre de un iframe.<form target="_blank">.name:
<form name="userForm">.accept-charset:
<form accept-charset="UTF-8">.<form> en HTML5: Ejemplos SencillosA continuación se presentan algunos ejemplos de formularios en HTML5 para ilustrar su uso básico y los diferentes tipos de entradas que puedes incluir.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Formulario de Contacto</title>
</head>
<body>
<form action="contact_process.php" method="post">
<label for="name">Nombre:</label>
<input type="text" id="name" name="name" required>
<label for="email">Correo Electrónico:</label>
<input type="email" id="email" name="email" required>
<label for="message">Mensaje:</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Enviar</button>
</form>
</body>
</html><!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Registro de Usuario</title>
</head>
<body>
<form action="register_user.php" method="post" autocomplete="on">
<label for="username">Nombre de Usuario:</label>
<input type="text" id="username" name="username" required minlength="5">
<label for="password">Contraseña:</label>
<input type="password" id="password" name="password" required minlength="8">
<label for="email">Correo Electrónico:</label>
<input type="email" id="email" name="email" required>
<label for="dob">Fecha de Nacimiento:</label>
<input type="date" id="dob" name="dob" required>
<label for="gender">Género:</label>
<select id="gender" name="gender">
<option value="male">Masculino</option>
<option value="female">Femenino</option>
<option value="other">Otro</option>
</select>
<button type="submit">Registrar</button>
</form>
</body>
</html><!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Subida de Archivo</title>
</head>
<body>
<form action="upload_file.php" method="post" enctype="multipart/form-data">
<label for="file">Selecciona un archivo:</label>
<input type="file" id="file" name="file" required>
<button type="submit">Subir Archivo</button>
</form>
</body>
</html>Estos ejemplos cubren los aspectos básicos de cómo implementar formularios en HTML5, desde simples campos de texto hasta la carga de archivos.