Prvek <form> shromažďuje vstup od uživatele a odesílá jej na server. Klíčové atributy jsou action (kam poslat) a method (jak poslat).
html
Email
Password
Sign up
Prvek <form> shromažďuje vstup od uživatele a odesílá jej na server. Klíčové atributy jsou action (kam poslat) a method (jak poslat).
Email
Password
Sign up
Když uživatel klikne na tlačítko odeslání (nebo stiskne Enter), prohlížeč shromáždí všechny ovládací prvky které mají name, zakóduje je a odešle požadavek na action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name je nezbytný<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Odeslány jsou pouze pojmenované ovládací prvky. Server je čte podle jejich name.
form.addEventListener("submit", (e) => {
e.preventDefault(); // stop the full-page reload to handle it with fetch/AJAX
const data = new FormData(form); // easy way to read all fields
});
Formuláře jsou hlavní způsob, jakým uživatelé odesílají data na servery.
Porozumění sémantice action/method, roli name, GET versus POST a preventDefault pro zpracování JS je zásadní pro každou webovou aplikaci se vstupem.