Controles que viven fuera del formulario en HTML

Un botón no tiene que estar dentro del formulario que envía.

<form id="post-editor" action="/posts" method="post">
  <label for="body">Body</label>
  <textarea id="body" name="body" rows="4"></textarea>
</form>

<footer>
  <button type="submit" form="post-editor">Publish</button>
  <button type="submit" form="post-editor" formaction="/drafts"
          formnovalidate>Save draft</button>
  <button type="reset" form="post-editor">Clear</button>
</footer>

Cómo funciona

1. form="id" asocia cualquier control con un formulario en cualquier parte de la página.
2. formaction y formmethod dejan que un botón envíe a otro lado.
3. formnovalidate salta la validación, justo lo que necesita un Guardar borrador.

El intento, en números

Líneas

11

Caracteres a escribir

375

Tokens

96

Ritmo de tres estrellas

65 tpm

Al ritmo de tres estrellas de 65 tokens por minuto, este intento toma unos 89 segundos.

Escribe este fragmento

Paso 3 de 3 en Un formulario; paso 3 de 25 en Formularios y entradas.

← Anterior Siguiente →