2015
30 featuresThe contenteditable global HTML attribute allows the user to edit the content of an element, such as inserting or deleting text.
The style global HTML attribute applies inline CSS styling declarations to individual elements.
The window.matchMedia() method checks whether a media query applies to the document.
The change event for <input>, <select>, and <textarea> elements fires when the user modifies the element's value. Unlike the input event, the change event does not necessarily fire on every alteration to an element's value.
The lang global HTML attribute defines the language of an element. It's used by assistive technology to correctly read the content, translation tools to select the origin language, and other applications.
The title global HTML attribute sets information about an element, such as a name or description. The value is typically shown as a tooltip that appears on mouse over. Since it's not often available to touch-only, keyboard-only, or assistive technology users, it's not a substitute for other text.
Focus events, such as focus and blur, fire when an element gets or loses focus.
The background-size CSS property scales or stretches a background based on the size of the element (with the contain and cover keywords), a length, or percentage.
The keydown and keyup events fire for each key press (or, with modifier keys, a combination of key presses) on a keyboard.
The <dl>, <dt>, and <dd> HTML elements represent a list of terms and their associated descriptions. Use a description list to create glossaries or similar list of key-value pairs.
The pointer-events CSS property sets whether a user can interact with an element using a mouse, touch, or other pointing input device.
CSS selectors match elements based on their type, attributes, and relationship to other elements. They define the specific elements to which a block of styles will be applied. This feature represents the oldest selectors of CSS.
The Event API and the addEventListener() method on objects that receive events (event targets) represent and handle significant things happening on a page. Many APIs fire events for a wide range of situations relating to those APIs, such as an image loading, a user clicking, or a value changing.
Cross-Origin Resource Sharing is an HTTP-header based mechanism that allows a server to indicate any origins (domain, scheme, or port) other than its own from which a browser should permit loading resources. Also known as CORS.
Objects in JavaScript are collections of key-value pairs.
The Authorization and WWW-Authenticate headers authenticate a user with a server.
The <input type="button"> HTML element represents a button that triggers some action, such as submitting a form or opening a dialog, styled as a labeled rectangular box by default. Not to be confused with the <button> element, which contains HTML content.
The <input type="checkbox"> HTML element represents a tickable box with two states, checked and unchecked.
The <input type="file"> HTML element shows a file picker from which users can choose a file to upload with the form.
The <input type="image"> HTML element is an image that can be used to submit a form, like the <input type="submit"> element.
The <input type="number"> HTML element represents numeric input data.
The <input type="password"> HTML element represents a field for users to enter a password. The password is hidden from view, typically replaced by dots or asterisks.