Cargando...

Atributo form en input HTML

Los controles suelen ir en <form>. A veces el diseño pone campos fuera. form los asocia por id.

Respuesta directa

Da id al form; en el input form="that-id". Al enviar, el dato va con ese form. formaction en submit puede cambiar action solo para ese botón.

Input outside its form

html
HTML Code 
<form id="signup" action="/signup" method="post">
<label for="user">Username</label>
<input id="user" name="user" type="text">
<button type="submit">Create</button>
</form>

<p>Extra field placed later in the layout:</p>
<label for="promo">Promo</label>
<input id="promo" name="promo" type="text" form="signup">

Pruébalo

  1. form con id
  2. input tras cerrar form
  3. atributo form
  4. confirma el modelo

Errores fáciles

  • typo en id
  • form no reemplaza name
  • demasiados campos sueltos

Resumen

  • form="id" asocia
  • útil en layouts raros
  • name y label
  • anidar si es más claro

🧠 Pon a Prueba tu Conocimiento

Listo para Empezar

Pon a Prueba tu Conocimiento

Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema

❓
4
Preguntas
🎯
70%
Para Aprobar
♾️
∞
Tiempo
🔄
∞
Intentos

📝 Instrucciones

  • Lee cada pregunta cuidadosamente
  • Selecciona la mejor respuesta para cada pregunta
  • Puedes repetir el quiz tantas veces como quieras
  • Tu progreso se mostrará en la parte superior
Tema 1 de 1
Html Tutorial