Tag: html5

HTML <button> formtarget Attribute

Example A form with two submit buttons. The first submit button submits the form data with default target (“_self”), and the second submits the form data to a new window (target=”_blank”): <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <button type=”submit” >Submit</button> <button type=”submit” formtarget=”_blank”>Submit to a new window</button> </form> Try it Yourself » Definition and Usage The formtarget attribute specifies where […]

HTML <button> name Attribute

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=”HTML”>HTML</button> <button name=”subject” type=”submit” value=”CSS”>CSS</button> </form> Try it Yourself » Definition and Usage The name attribute specifies the name for a <button> element. The name attribute is used to reference form-data after the form has been submitted, or to reference the […]

HTML <button> type Attribute

Example Two button elements that act as one submit button and one reset button (in a form): <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <button type=”submit” value=”Submit”>Submit</button> <button type=”reset” value=”Reset”>Reset</button> </form> Try it Yourself » Definition and Usage The type attribute specifies the type of button. Tip: Always specify the type attribute for the <button> element. Different browsers may use different default […]

HTML <button> value Attribute

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 […]

HTML <button> formenctype Attribute

Example A form with two submit buttons. The first submit button submits the form data with default character encoding, and the second submits the form data without character encoding: <form action=”/action_page_binary.asp” method=”post”> Name: <input type=”text” name=”fname” value=”Ståle Refsnes”><br> <button type=”submit”>Submit with character encoding</button> <button type=”submit” formenctype=”text/plain”>Submit without character encoding</button> </form> Try it Yourself » Definition and Usage The formenctype attribute specifies how form-data should […]

HTML <button> formaction Attribute

Example A form with two submit buttons. The first submit button submits the form data to “action_page.php”, and the second submits to “action_page2.php”: <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <button type=”submit”>Submit</button><br> <button type=”submit” formaction=”/action_page2.php“>Submit to another page</button> </form> Try it Yourself » Definition and Usage The formaction attribute specifies where to send the form-data when a form is submitted. […]

HTML <button> form Attribute

Example A button located outside a form (but still a part of the form): <form action=”/action_page.php” method=”get” id=”form1″> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> </form> <button type=”submit” form=”form1″ value=”Submit”>Submit</button> Try it Yourself » Definition and Usage The form attribute specifies one or more forms the button belongs to. Browser Support The numbers in the table specify the first browser version that fully supports […]

HTML <button> autofocus Attribute

Example A button with autofocus: <button type=”button” autofocus>Click Me!</button> Try it Yourself » Definition and Usage The autofocus attribute is a boolean attribute. When present, it specifies that a button should automatically get focus when the page loads. Browser Support The numbers in the table specify the first browser version that fully supports the attribute. Attribute autofocus […]

HTML <input> Tag

Example An HTML form with three input fields; two text fields and one submit button: <form action=”/action_page.php”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <input type=”submit” value=”Submit”> </form> Try it Yourself » Definition and Usage The <input> tag specifies an input field where the user can enter data. <input> elements are used within a <form> element to declare input controls that […]

HTML <button> Tag

Example A clickable button is marked up as follows: <button type=”button”>Click Me!</button> Try it Yourself » Definition and Usage The <button> tag defines a clickable button. Inside a <button> element you can put content, like text or images. This is the difference between this element and buttons created with the <input> element. Tip: Always specify the type […]

HTML <br> Tag

Example A line break is marked up as follows: This text contains<br>a line break. Try it Yourself » Definition and Usage The <br> tag inserts a single line break. The <br> tag is an empty tag which means that it has no end tag. Browser Support Element <br> Yes Yes Yes Yes Yes Tips and […]

HTML DOM Blockquote Object

Blockquote Object The Blockquote object represents an HTML <blockquote> element. Access a Blockquote Object You can access a <blockquote> element by using getElementById(): Example var x = document.getElementById(“myBlockquote”); Try it Yourself » Create a Blockquote Object You can create a <blockquote> element by using the document.createElement() method: Example var x = document.createElement(“BLOCKQUOTE”); Try it Yourself » Blockquote […]

HTML <blockquote> Tag

Example A section that is quoted from another source: <blockquote cite=”http://www.worldwildlife.org/who/index.html”> For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. </blockquote> Try it Yourself » Definition and […]

HTML <q> Tag

Example Mark up a short quotation: <p>WWF’s goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.</p> Try it Yourself » Definition and Usage The <q> tag defines a short quotation. Browsers normally insert quotation marks around the quotation. Browser Support Element <q> Yes Yes Yes Yes Yes […]

HTML DOM Bdo Object

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 […]

HTML <basefont> Tag

Not Supported in HTML5. Example Specify a default text-color and font-size for text on page: <head> <basefont color=”red” size=”5″> </head><body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> Try it Yourself » Definition and Usage The <basefont> tag is not supported in HTML5. Use CSS instead. The <basefont> tag specifies a default text-color, font-size, or font-family […]

HTML <basefont> size Attribute

Example Specify the default font-size for text on page: <head> <basefont size=”7″> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> Try it Yourself » Definition and Usage The size attribute specifies the default font-size for the text in a document. Browser Support Attribute size Not supported Not supported Not supported Not supported Not […]

HTML <basefont> face Attribute

Example Specify the default font for text on page: <head> <basefont face=”courier, serif”> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> Try it Yourself » Definition and Usage The face attribute specifies the default font for the text in a document. Browser Support Attribute face Not supported Not supported Not supported Not supported […]

HTML <basefont> color Attribute

Example Specify a default font-color for text on page: <head> <basefont color=”red”> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> Try it Yourself » Definition and Usage The color attribute specifies the default font color for the text in a document. Browser Support Attribute color Not supported Not supported Not supported Not supported […]

HTML <base> Tag

Example Specify a default URL and a default target for all links on a page: <head> <base href=”https://www.schools.com/images/” target=”_blank”> </head><body> <img src=”stickman.gif” width=”24″ height=”39″ alt=”Stickman”> <a href=”https://www.schools.com”>Schools</a> </body> Try it Yourself » Definition and Usage The <base> tag specifies the base URL/target for all relative URLs in a document. There can be at maximum one <base> element in a document, and it […]