Verborgen HTML-knoppen

Met webpagina-formulieren kunt u gegevens van uw sitegebruikers vastleggen - vaak een vitaal proces in zakelijke websites. Sommige webformulieren gebruiken verborgen velden. In dat geval worden de HTML-invoerelementen opgenomen in de markup voor een pagina maar zijn ze niet zichtbaar voor gebruikers. Er zijn een aantal verschillende manieren om verborgen velden en knoppen op te nemen in een webpagina, met behulp van het HTML-invoerelement met bepaalde "type" -attributen of optioneel met behulp van CSS (Cascading Style Sheet) -code, soms samen met JavaScript-verwerking.

HTML-ingangen

HTML-formulieren gebruiken invoerelementen. Er zijn verschillende soorten invoerelementen, zoals knoppen, selectievakjes, tekstvelden en meer. Het kenmerk "type" voor een invoerelement bepaalt het uiterlijk en de functie binnen de pagina. Als u het kenmerk "type" van een invoerelement instelt op "verborgen", wordt een veld voor verborgen formulieren gemaakt. De volgende voorbeeldopmaak toont:

Hiermee wordt een veld gemaakt dat functioneert als onderdeel van de vorm waarin het is opgenomen, maar dat gebruikers niet kunnen zien. Hoewel dit een verborgen invoerelement is, is het geen knop.

CSS Visibility

Als u een verborgen HTML-knopelement wilt opnemen, hebben ontwikkelaars enkele keuzes. Tenzij een invoerelement als "type" -attribuut "verborgen" is, zal het standaard op de pagina verschijnen. Om een ​​invoerelement van een ander type te verbergen, kunnen ontwikkelaars CSS-code gebruiken. Met deze methode kan een ontwikkelaar een HTML-knopelement of een invoerelement met "type" instellen op "knop" of "verzenden". De ontwikkelaar kan de knop vervolgens opmaken met CSS-code en deze als volgt verbergen met behulp van de eigenschap visibility:

input.hide {visibility: hidden; }

Dit zou werken voor de volgende knop:

JavaScript-functies

Knoppen die verborgen zijn, hebben geen standaardfunctionaliteit, omdat dit afhankelijk is van de mogelijkheid voor de gebruiker om deze te zien en ermee te werken. Aangezien een gebruiker niet op een knop kan klikken die niet op de pagina wordt weergegeven, moeten ontwikkelaars JavaScript-functies gebruiken om te vragen welke actie de knop normaal zou initiëren bij klikken van gebruikers. Een pagina kan bijvoorbeeld een JavaScript-functie gebruiken die wordt gevraagd bij een andere gebeurtenis, zoals de gebruiker die met een ander formulierelement communiceert, om de formuliergegevens in te dienen. Sommige webformulieren tonen ook invoerknoppen en andere elementen en verbergen deze wanneer de gebruiker met een formulier communiceert.

overwegingen

Hoewel verborgen formuliervelden en knoppen in sommige gevallen geschikt zijn, kunnen ze onbetrouwbaar zijn. In de meeste gevallen creëren ontwikkelaars bruikbare resultaten met invoerelementen in hun standaardstatussen. De meeste vormen kunnen met succes worden gestructureerd met velden, knoppen en andere invoerelementen die volledig zichtbaar en functioneel zijn op de manier die gebruikers van hen verwachten.

Populaire Berichten