Dolda HTML-knappar

Med webbformulär kan du fånga data från dina webbplatsanvändare - ofta en viktig process i företagswebbplatser. Vissa webbformulär använder dolda fält, i vilket fall HTML-inmatningselementen ingår i uppräkningen för en sida men är inte synliga för användarna. Det finns ett antal olika sätt att inkludera dolda fält och knappar i en webbsidaform, med hjälp av HTML-inmatningselementet med särskilda "typ" attribut eller eventuellt med CSS (Cascading Style Sheet) -koden, ibland tillsammans med JavaScript-bearbetning.

HTML-ingångar

HTML-formulär använder inmatningselement. Det finns olika olika typer av inmatningselement, inklusive knappar, kryssrutor, textfält och mer. Attributet "typ" för ett inmatningselement bestämmer dess utseende och funktion inom sidan. Att ange attributet "typ" av ett inmatningselement till "doldt" skapar ett doldt formulärfält. Följande provmarkering visar:

Detta skapar ett fält som kommer att fungera som en del av formuläret som ingår i men som användare inte kommer att se. Men även om detta är ett dold forminmatningselement är det inte en knapp.

CSS Synlighet

Om du vill inkludera ett HTML-knappelement som är dolt, har utvecklare några val. Om inget inputelement har "dolt" som attributet "typ" visas det som standard på sidan. För att dölja ett inmatningselement av någon annan typ kan utvecklare använda CSS-kod. Med den här metoden kan en utvecklare innehålla antingen ett HTML-knappelement eller ett inmatningselement med "typ" som är inställd på antingen "knapp" eller "skicka". Utvecklaren kan sedan ställa in knappen med CSS-kod, gömma den med siktegenskapen enligt följande:

input.hide {visibility: hidden; }

Detta skulle fungera för följande knapp:

JavaScript-funktioner

Knappar som är dolda har inte standardfunktionalitet, eftersom det beror på att användaren kan se och interagera med dem. Eftersom en användare inte kan klicka på en knapp som inte visas på sidan måste utvecklarna använda JavaScript-funktioner för att fråga vilka åtgärder som normalt skulle initiera på användarklick. Till exempel kan en sida använda en JavaScript-funktion som uppmanas till en annan händelse som användaren interagerar med ett annat formulärelement, för att skicka formulärdata. Vissa webbformulär visar och gömmer också inmatningsknappar och andra element som användaren interagerar med ett formulär.

överväganden

Även om dolda formulärfält och knappar är lämpliga i vissa fall kan de vara opålitliga. I de flesta fall skapar utvecklare användbara resultat med inmatningselement i sina standardtillstånd. De flesta former kan struktureras framgångsrikt med fält, knappar och andra inmatningselement som är helt synliga och funktionella på det sätt som användarna förväntar sig att de ska vara.