Handleiding HTML - Beschrijving BUTTON element

BUTTON	Inhoud Handleiding HTML Overzicht elementen

Van het BUTTON element worden de volgende attributen beschreven: NAME, VALUE, TYPE, DISABLED, TABINDEX en ACCESSKEY.

De beschrijving van de attributen STYLE, CLASS, ID, TITLE, LANG en DIR is opgenomen in het onderdeel Algemene attributen.

Een overzicht van attributen, die betrekking hebben op het uitvoeren van een script bij het optreden van een bepaalde gebeurtenis, wordt gegeven in het onderdeel Gebeurtenis-attributen.

Het gebruik van het BUTTON element wordt toegelicht in het onderdeel Formulieren in de Handleiding HTML.

BUTTON

HTML	4.0
NN	-
MSIE	4.0
OP	-

Het BUTTON element kan in een formulier gebruikt worden om een knop te maken met meer mogelijkheden wat betreft de opmaak, dan via het TYPE attribuut van INPUT element.
De opbouw is:

<BUTTON> </BUTTON>

De inhoud van het BUTTON element (bijvoorbeeld tekst en/of afbeeldingen) wordt weergegeven op de knop.
Browsers die het BUTTON element niet ondersteunen, geven alleen de inhoud weer. De gebruiker heeft dan geen mogelijkheid meer het formulier te verzenden, de beginwaarden te herstellen, of een script uit te voeren.

NAME

HTML	4.0
NN	-
MSIE	4.0
OP	-

Het NAME attribuut wordt gebruikt om de knop een naam te geven en daarmee het CGI-script in staat te stellen hem te onderscheiden van andere controls van het formulier.
De opbouw is:

<BUTTON NAME="naam"> </BUTTON>

VALUE

HTML	4.0
NN	-
MSIE	-
OP	-

Het VALUE attribuut geeft een waarde aan de knop.
De opbouw is:

<BUTTON VALUE="waarde"> </BUTTON>

TYPE

HTML	4.0
NN	-
MSIE	4.0
OP	-

Het TYPE attribuut bepaalt wat er gebeurt, als op de knop gedrukt wordt.
De opbouw is:

<BUTTON TYPE="waarde"> </BUTTON>

De volgende waarden zijn beschikbaar:

submit: hiermee wordt een knop gedefinieerd, die er voor zorgt dat de ingevoerde gegevens van het formulier naar de server worden verstuurd. Dit is de standaardwaarde.
button: hiermee wordt een knop gedefinieerd, die er voor zorgt dat een script wordt uitgevoerd.
reset: hiermee wordt een knop gedefinieerd, die er voor zorgt dat de invoer van het formulier wordt gewist.

DISABLED

HTML	4.0
NN	-
MSIE	4.0
OP	-

Met het DISABLED attribuut kan aangegeven worden dat de knop niet actief is.
De opbouw is:

<BUTTON DISABLED> </BUTTON>

Een BUTTON element met het attribuut DISABLED krijgt geen focus, wordt overgeslagen in de tab-reeks en er gebeurt niets als erop gedrukt wordt.

TABINDEX

HTML	4.0
NN	-
MSIE	4.0
OP	-

Met het TABINDEX attribuut kan de volgorde bepaald worden, waarmee verschillende onderdelen van een document (hyperlinks, gebieden van een client-side image map en controls van een formulier) de focus kunnen krijgen (geactiveerd kunnen worden) als de gebruiker de tab-toets op het toetsenbord indrukt.
De opbouw is:

<BUTTON TABINDEX="waarde"> </BUTTON>

De waarde mag een positief of negatief geheel getal (integer) zijn.
De normale tab-volgorde is de volgorde waarin de elementen in het document voorkomen. Elementen waarvoor het TABINDEX attribuut gebruikt is, komen voor elementen zonder het TABINDEX attribuut. Elementen met een positieve waarde voor de TABINDEX worden doorlopen van de laagste waarde naar de hoogste waarde. Een element met een negatieve waarde voor de TABINDEX doet niet mee in de tab-volgorde. Hetzelfde geldt voor elementen met het DISABLED attribuut.

ACCESSKEY

HTML	4.0
NN	-
MSIE	4.0
OP	-

Het ACCESSKEY attribuut kan gebruikt worden om een sneltoets aan het BUTTON element toe te wijzen en daarmee de gebruiker direct vanaf het toetsenbord toegang te geven tot de knop. Gebruik van de sneltoets geeft de knop de focus (activeert hem) en voert de bij de knop behorende actie uit.
De opbouw is:

<BUTTON ACCESSKEY="waarde"> </BUTTON>

De waarde is een enkel, case-insensitive (geen onderscheid tussen hoofd- of kleine letters) karakter uit het karakterset van de browser. In Windows moet de toets van het karakter ingedrukt worden in combinatie met de Alt-toets, op Apple systemen in combinatie van de Cmd-toets.
Om de gebruiker attent te maken van de sneltoets is het verstandig deze in de tekst of een label te vermelden.

Inhoud Handleiding HTML Index Overzicht elementen