open HTML attribuut
2 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het open attribuut?
Boolean-attribuut dat aangeeft dat het element geopend of zichtbaar is. Bij <details> toont het de inhoud in plaats van alleen de samenvatting; bij <dialog> toont het de dialoog als gewoon onderdeel van de pagina in plaats van verborgen.
<details open>
<summary>Meer informatie</summary>
<p>Hier volgt extra uitleg.</p>
</details><dialog open>
<p>Dit venster is direct zichtbaar op de pagina.</p>
</dialog>Welke HTML-elementen kennen open?
<details>
Het <details>-element van HTML creëert een uitklap-widget waarin informatie alleen zichtbaar is wanneer de widget wordt omgeschakeld naar ee...
Dit Booleaanse attribuut geeft aan of de details — dat wil zeggen, de inhoud van het <details>-element — momenteel zichtbaar zijn. De details worden getoond wanneer dit attribuut aanwezig is, of verborgen wanneer dit attribuut afwezig is. Standaard is dit attribuut afwezig, wat betekent dat de details niet zichtbaar zijn.
Je moet dit attribuut volledig verwijderen om de details te verbergen. open="false" maakt de details zichtbaar, omdat dit attribuut Booleaans is.
<dialog>
Het <dialog>-element van HTML vertegenwoordigt een modaal of niet-modaal dialoogvenster of een ander interactief onderdeel, zoals een sluitb...
Geeft aan dat het dialoogvenster actief is en beschikbaar is voor interactie. Als het open-attribuut niet is ingesteld, is het dialoogvenster niet zichtbaar voor de gebruiker.
Het wordt aanbevolen om de methode .show() of .showModal() te gebruiken om dialoogvensters weer te geven, in plaats van het open-attribuut. Als een <dialog> wordt geopend met het open-attribuut, is deze niet-modaal.
Hoewel u kunt schakelen tussen de open en gesloten status van niet-modale dialoogvensters door de aanwezigheid van het open-attribuut aan of uit te zetten, wordt deze aanpak niet aanbevolen. Zie open voor meer informatie.