Obrazec <form> zbira vnosne podatke uporabnika in jih pošlje na strežnik. Ključni atributi so action (kam poslati) in method (kako poslati).
html
Email
Password
Sign up
Obrazec <form> zbira vnosne podatke uporabnika in jih pošlje na strežnik. Ključni atributi so action (kam poslati) in method (kako poslati).
Email
Password
Sign up
Ko uporabnik klikne gumb za pošiljanje (ali pritisne Enter), brskalnik zbere vse kontrolnike ki imajo atribut name, jih kodira in pošlje zahtevo 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 bistven<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Samo poimenovani kontrolniki se pošljejo. Strežnik jih prebere po njihovem 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
});
Obrazci so temeljni način, kako uporabniki pošiljajo podatke strežnikom.
Razumevanje action/method, vloge name, semantike GET-proti-POST in preventDefault za obdelavo JS je temeljno za vsako spletno aplikacijo z vnosom.