HTML5 - Izrada obrasca

Sadržaj
Obrasci su elementi u HTML 5 koji omogućuju prikupljanje podataka putem drugih podređenih elemenata, kako bismo obradili te podatke trebat će nam dodatni jezik kako bismo mogli koristiti podatke poslane putem obrasca, oznaku koju ćemo koristiti kao veliki kontejner će biti oblik.
Napravite osnovni obrazac
Za generiranje obrasca moramo koristiti oznaku oblik Ovo će biti naš veliki spremnik, unutar njega ćemo grupirati elemente za unos podataka, imenovanje odjeljaka i gumbe koji će ukazivati ​​na određenu radnju; osnovne komponente koje moraju ući u oblik su: ulazni Y dugme a osnovni atributi koje nosi su akcijski Y metoda To nisu jedini povezani elementi, ali su najvažniji jer definiraju osnovu na kojoj moramo raditi.
Pogledajmo u nastavku kako generirati osnovni obrazac:
 Primjer Slanje glasovanja 

Kao što vidimo oblik obuhvaća elemente ulazni Y dugme. U ovom slučaju također koristi atribute metoda Y akcijski koje smo prethodno spomenuli, opišimo svaki od njih.
  • Ulazni: Ovaj nam element omogućuje bilježenje informacija koje će korisnik naše stranice unijeti u obliku teksta, ima nekoliko atributa, u slučaju našeg primjera koristimo samo jam, ovaj atribut omogućuje dodjeljivanje identifikatora elementu, što znači da kada ga šaljemo poslužitelju možemo koristiti neke metode za dobivanje zarobljenih podataka, pa je važno da jam biti jedinstven u obliku.
  • Dugme: Ovaj nam element omogućuje stvaranje gumba na obrascu, općenito su gumbi ti koji će nam reći da će se, kada ih pritisnemo, obrazac obraditi, u slučaju našeg primjera ne stavljamo nikakve atribute, pa kad pritisni to se ništa neće dogoditi.
  • Metoda: To je atribut oznake oblik, To je od vitalne važnosti jer on ukazuje na način na koji će se proslijediti korisnički podaci prikupljeni putem obrasca, može imati dvije vrijednosti POST Y DOBITI.
Prvi će poslati podatke putem http -a, tako da možemo slati podatke na skriven način i samo ih odredišna stranica može primiti, ova metoda je prilično sigurna i omogućuje nam slanje osjetljivih podataka obrasca.
Druga će poslati podatke kao parametre u URL -u, nije baš sigurno jer bi svatko s minimalnim znanjem mogao protumačiti ono što se šalje i možda pokušati izmijeniti podatke, obično se koristi za prosljeđivanje podataka koji su malo osjetljivi, kao što su stranica s popisom, kontrolni status koji ne utječe na program, ID -ovi upita itd.
  • Akcijski: Ovaj atribut kontrolira na koju će stranicu obrazac otići, odnosno tko će primiti podatke. Ako je obrazac izostavljen, bit će poslan na istu stranicu koja ga sadrži.
Pogledajmo sljedeće što nam je proizveo naš osnovni primjer.

Kao što vidimo, to je polje za unos teksta i gumb bez ičega dodatnog, što nam omogućuje slanje na drugu stranicu gdje ga možemo obraditi programskim jezikom.
Ovim zaključujemo vodič, već imamo predodžbu o tome kako izgraditi osnovne oblike, koji su elementi bitni i koja je svrha njihovih atributa.
Ako ste zainteresirani za dublje proučavanje, pogledajte moje drugo uputstvo:
Napredni obrasci u HTML5Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave