JavaScript

Events' Elements

There are some elements that are commonly paired up with event handlers in use. They will be featured in this page as we go.

<input>
<button>
<select>

Input element


                <input type="the-type" 
                value="the-label" 
                onevent="the-action">

Attributes:

type
- The type of the element box.
- button, submit, and more.
value
- The label/message on the element box.
onevent
- The event handler.
- Action to be triggered. Example:
  - "alert('Greetings!')"
  - "functionName()" -- with function detailed in <script>

HTML attributes are not case-sensitive, but usually lowercases are used. DOM Property is case-sensitive.

Select Element


                <select id="idName">

                <option value="1">option1</option>

                <option value="2">option2</option>

                <option value="3">option3</option>

            </select>

<select> elements allow to select 1 option at a time.

Chapter:

Multiple attribute


                <select id="idName" multiple>

                <option value="1">option1</option>

                <option value="2">option2</option>

                <option value="3">option3</option>

            </select>

Attribute multiple allows multiple selection.

Chapter:

Sandbox

//code

References: