HTMLskjemaer

HTMLskjemaer er en måte å samle inn data fra brukere og sende den til en server eller en annen destinasjon. Et skjema består av et form-element og inneholdt kontroller som input, textarea, select og knapp. For tilgjengelighet bør hvert input få en riktig label koblet til seg.

Formen angis med form-elementet. Attributter som action angir mål-URL-en, mens method bestemmer hvordan dataene sendes (GET eller POST). Enctype brukes når skjemaet inneholder filer og angir hvordan dataene kodes, for eksempel multipart/form-data.

Innholdet i et skjema består av kontroller som input, textarea, select og button. Alle kontroller har ofte et navn (name) som brukes av serveren til å identifisere verdien. Ulike input-typer (text, email, number, date, checkbox, radio, file, password, hidden) gir forskjellige brukergrensesnitt og validering.

Validering og tilgjengelighet er kjernedeler: bruk required for påkrevne felt, type- og mønstervalidering for å kontrollere verdier, samt min/max og maxlength der det passer. Etetikettene med label-elementet gjør skjemaet tilgjengelig for skjermlesere, og kobles til ved hjelp av for (id) eller aria-labels. Gruppere med fieldset og legend kan forbedre navigasjonen.

Sikkerhet og praksis: valider alltid på serversiden, ikke stol på klientvalidering alene. Bruk HTTPS, og beskytt mot CSRF ved behov. Ikke send sensitive data i URL-en; bruk POST og riktig koding.

Moderne trekk: det er mulig å bruke FormData-objektet i kombinasjon med fetch-API for å sende data asynkront, noe som gjør sidene mer responsive. HTML-skjemaer støtter også innebygd filopplasting og feilsjekk uten full sideoppdatering.