Interactive Elements in HTML

Category: Web Development & Approved by adwivedi008@gmail.com On January-04-2021 20:41:08


“ Interactive Elements in HTML”




  1. MENU ELEMENT:
    The HTML element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked.

    The Menu element can be used as popup menu.


  2. DIALOG ELEMENT
    The HTML element represents a dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.
    This element includes the global attributes.
    open
    Indicates that the dialog is active and can be interacted with. When the open attribute is not set, the dialog shouldn't be shown to the user.


  3. DETAILS ELEMENT
    The HTML Details Element (
    ) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label can be provided using the element.
    A disclosure widget is typically presented onscreen using a small triangle which rotates (or twists) to indicate open/closed status, with a label next to the triangle. If the first child of the
    element is a , the contents of the element are used as the label for the disclosure widget.


  4. SUMMARY ELEMENT
    The HTML Disclosure Summary element () element specifies a summary, caption, or legend for a
    element's disclosure box. Clicking the element toggles the state of the parent
    element open and closed.


With Help of the Details and Summary element you can create a show more or show less content.

Note: this content is taken from developer.mozilla.org html reference



Comments

AMRITA PANDEY

January-05-2021 21:21:07

its informative but only for those who are learning html


Share your thoughts about this post
web counter