Example Use of the <noscript> tag: <script> document.write(“Hello World!”) </script> <noscript>Your browser does not support JavaScript!</noscript> Try it Yourself » Definition and Usage The <noscript> tag defines an alternate content for users that have disabled scripts in their browser or have a browser that doesn’t support script. The <noscript> element can be used in both […]
Form Object The Form object represents an HTML <form> element. Access a Form Object You can access a <form> element by using getElementById(): Example var x = document.getElementById(“myForm”); Try it Yourself » Tip: You can also access a <form> element by using the forms collection. Create a Form Object You can create a <form> element by using the document.createElement() […]
Example Disable a group of related form elements: <fieldset disabled> <legend>Personalia:</legend> Name: <input type=”text”><br> Email: <input type=”text”><br> Date of birth: <input type=”text”> </fieldset> Try it Yourself » Definition and Usage The disabled attribute is a boolean attribute. When present, it specifies that a group of related form elements (a fieldset) should be disabled. A disabled fieldset is unusable and un-clickable. The disabled […]
Example A video with two subtitle tracks: <video width=”320″ height=”240″ controls> <source src=”forrest.mp4″ type=”video/mp4″> <track src=”subtitles_en.vtt” kind=”subtitles” srclang=”en” label=”English”> <track src=”subtitles_no.vtt” kind=”subtitles” srclang=”no” label=”Norwegian”> </video> Definition and Usage The required src attribute specifies the URL of the track file. Browser Support The numbers in the table specify the first browser version that fully supports the attribute. Attribute src 18.0 10.0 31.0 6.0 15.0 Differences Between HTML 4.01 and […]
DList Object The DList object represents an HTML <dl> element. Access a DList Object You can access a <dl> element by using getElementById(): Example var x = document.getElementById(“myDL”); Try it Yourself » Create a DList Object You can create a <dl> element by using the document.createElement() method: Example var x = document.createElement(“DL”); Try it Yourself » Standard […]
Div Object The Div object represents an HTML <div> element. Access a Div Object You can access a <div> element by using getElementById(): Example var x = document.getElementById(“myDIV”); Try it Yourself » Create a Div Object You can create a <div> element by using the document.createElement() method: Example var x = document.createElement(“DIV”); Try it Yourself » Div […]
Dialog Object The Dialog Object is new in HTML5. The Dialog object represents an HTML <dialog> element. Note: The <dialog> element is currently only supported in Chrome 37+, Safari 6+ and Opera 24+. Access a Dialog Object You can access a <dialog> element by using getElementById(): Example var x = document.getElementById(“myDialog”); Try it Yourself » Create a […]
Details Object The Details object represents an HTML <details> element. Note: The <details> element is not supported in Internet Explorer. Access a Details Object You can access a <details> element by using getElementById(): Example var x = document.getElementById(“myDetails”); Try it Yourself » Create a Details Object You can create a <details> element by using the document.createElement() method: […]
Del Object The Del object represents an HTML <del> element. Access a Del Object You can access a <del> element by using getElementById(): Example var x = document.getElementById(“myDel”); Try it Yourself » Create a Del Object You can create a <del> element by using the document.createElement() method: Example var x = document.createElement(“DEL”); Try it Yourself » Del […]
The DD object represents an HTML <dd> element. Access a DD Object You can access a <dd> element by using getElementById(): Example var x = document.getElementById(“myDD”); Try it Yourself » Create a DD Object You can create a <dd> element by using the document.createElement() method: Example var x = document.createElement(“DD”); Try it Yourself » Standard Properties and […]
Example In the example below, the content of the second column should be aligned to the “.” character: <table style=”width:100%”> <col align=”left”> <col align=”char” char=”.”> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100.00</td> </tr> <tr> <td>February</td> <td>$10.00</td> </tr> </table> Try it Yourself » Definition and Usage The <col> char attribute is not supported in HTML5. The char attribute specifies the […]
The Code object represents an HTML <code> element. Access a Code Object You can access a <code> element by using getElementById(): Example var x = document.getElementById(“myCode”); Try it Yourself » Create a Code Object You can create a <code> element by using the document.createElement() method: Example var x = document.createElement(“CODE”); Try it Yourself » Standard Properties and […]
Example Format text in a document: <var>Variable</var> Try it Yourself » Definition and Usage The <var> tag is a phrase tag. It defines a variable. Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. All phrase tags: Tag Description <em> Renders as emphasized text <strong> Defines important text <code> […]
Cite Object The Cite object represents an HTML <cite> element. Access a Cite Object You can access a <cite> element by using getElementById(): Example var x = document.getElementById(“myCite”); Try it Yourself » Create a Cite Object You can create a <cite> element by using the document.createElement() method: Example var x = document.createElement(“CITE”); Try it Yourself » Standard […]
Caption Object The Caption object represents an HTML <caption> element. Access a Caption Object You can access a <caption> element by using getElementById(): Example var x = document.getElementById(“myCaption”); Try it Yourself » Create a Caption Object You can create a <caption> element by using the document.createElement() method: Example var x = document.createElement(“CAPTION”); Try it Yourself » Tip: You […]
Example Draw a red square, on the fly, and show it inside the <canvas> element: <canvas id=”myCanvas”></canvas> <script> var canvas = document.getElementById(“myCanvas”); var ctx = canvas.getContext(“2d”); ctx.fillStyle = “#FF0000”; ctx.fillRect(0, 0, 80, 80); </script> Try it Yourself » Definition and Usage The <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript). The <canvas> tag is only a container […]
Example Two buttons with equal names, that submit different values when clicked: <form action=”/action_page.php” method=”get”> Choose your favorite subject: <button name=”subject” type=”submit” value=”fav_HTML”>HTML</button> <button name=”subject” type=”submit” value=”fav_CSS”>CSS</button> </form> Try it Yourself » Definition and Usage The value attribute specifies the initial value for a <button> in a <form>. Note: In a form, the button and its value is only submitted if the button itself […]
Bdo Object The Bdo object represents an HTML <bdo> element. Access a Bdo Object You can access a <bdo> element by using getElementById(): Example var x = document.getElementById(“myBdo”); Try it Yourself » Create a Bdo Object You can create a <bdo> element by using the document.createElement() method: Example var x = document.createElement(“BDO”); Try it Yourself » Bdo […]
Base Object The Base object represents an HTML <base> element. Access a Base Object You can access a <base> element by using getElementById(): Example var x = document.getElementById(“myBase”); Try it Yourself » Create a Base Object You can create a <base> element by using the document.createElement() method: Example var x = document.createElement(“BASE”); Try it Yourself » Base […]
Aside Object The Aside Object is new in HTML5. The Aside object represents an HTML <aside> element. Note: The <aside> element is not supported in Internet Explorer 8 and earlier versions. Access an Aside Object You can access an <aside> element by using getElementById(): Example var x = document.getElementById(“myAside”); Try it Yourself » Create an Aside Object […]
