Skjulte HTML-knapper

Med websider formularer kan du indsamle data fra dine webstedbrugere - ofte en vigtig proces i forretningssider. Nogle webformularer bruger skjulte felter, i hvilket tilfælde HTML-elementerne er inkluderet i markeringen til en side, men er ikke synlige for brugerne. Der er et par forskellige måder at inkludere skjulte felter og knapper i en websideformular ved hjælp af HTML-inputelementet med bestemte "type" attributter eller eventuelt ved hjælp af CSS (Cascading Style Sheet) -koden, undertiden sammen med JavaScript-behandling.

HTML-indgange

HTML-formularer bruger inputelementer. Der findes forskellige forskellige typer inputelementer, herunder knapper, afkrydsningsfelter, tekstfelter og meget mere. Attributtet "type" til et inputelement bestemmer dets udseende og funktion inden for siden. Indstilling af "type" -attributten til et inputelement til "skjult" skaber et skjult formularfelt. Følgende stikprøve markering demonstrerer:

Dette skaber et felt, der vil fungere som en del af den formular, den er inkluderet i, men som brugerne ikke vil se. Men selv om dette er et skjult formindgangselement, er det ikke en knap.

CSS Synlighed

For at inkludere et HTML-knapelement, der er skjult, har udviklere et par valg. Medmindre et inputelement har "skjult" som dets "type" -attribut, vises det som standard på siden. For at skjule et inputelement af enhver anden type kan udviklere bruge CSS-kode. Med denne metode kan en udvikler enten indeholde et HTML-knapelement eller et inputelement med "type" indstillet til enten "knap" eller "indsende". Udvikleren kan derefter style knappen med CSS kode, gemme den ved hjælp af sigtbarheden egenskaben som følger:

input.hide {synlighed: skjult; }

Dette ville fungere for følgende knap:

JavaScript funktioner

Knapper, der er skjulte, har ikke standardfunktionalitet, da det afhænger af, at brugeren kan se og interagere med dem. Da en bruger ikke kan klikke på en knap, der ikke vises på siden, skal udviklere bruge JavaScript-funktioner til at angive, hvilken handling knap normalt vil starte med klik på brugeren. For eksempel kan en side bruge en JavaScript-funktion, der bliver bedt om en anden begivenhed, såsom brugeren interagerer med et andet formelement, til at indsende formulardataene. Nogle webformularer viser og skjuler også inputknapper og andre elementer, som brugeren interagerer med en formular.

Overvejelser

Selvom skjulte formfelter og knapper er egnede i nogle tilfælde, kan de være upålidelige. I de fleste tilfælde skaber udviklere brugbare resultater med inputelementer i deres standardtilstande. De fleste former kan struktureres succesfuldt med felter, knapper og andre inputelementer, der er fuldt synlige og funktionelle, som brugerne forventer at de skal være.