Front End Technology Articles - Page 521 of 745

The value attribute of the element specifies the current value of the gauge. This is a required attribute.Following is the syntax −Above, num represents the current value as a floating-point number.Let us now see an example to implement the value attribute of the element −Example Live Demo    Result    Girls pass %    Boys pass % OutputIn the above example, we have set the pass percentage of girls as well as boys using the element. The current value is set using the value attribute −Boys pass %

The href attribute of the element is used to set the url of the external resource.Following is the syntax −Above, the url is the url of the linked document. Let us now see an example to implement the href attribute of the element −Example    Demo Heading    This is demo text. We have an external document above “new.css”, which is linked using href. This document is a CSS style file −h1{    color − blue; } p{    background-color − red; }OutputThis will produce the following output. We styled the heading and text in the above “new.css” −

The width attribute of the element is only used with image and allows you to set the width of the image added using −The width attribute introduced in HTML5 and acts as the submit button. Following is the syntax −Above, width represents the width in pixels.Let us now see an example to implement the width attribute of the element wherein the width is set for input type image −Example Live Demo Register    Id −    Password −    DOB −    Telephone −    Email −     ... Read More

The download attribute of the element is used to set the name of the file to be downloaded which would download when user clicks on the hyperlink.Following is the syntax −The file is the name of the file set for download.Let us now see an example to implement the download attribute of the element −Example Live Demo Learning Learn these technologies with ease.... OutputNow, when you will click on let’s say “PERL”, the file will download as shown below −Above, we ... Read More

The HTML DOM Anchor pathname property is used to set or return the path name of the href attribute.Following is the syntax to set the pathname property −anchorObj.pathname = pathAbove, path is the pathname of the URL.Following is the syntax to return the pathname property −anchorObj.pathnameLet us now see an example to implement the DOM Anchor pathname property −Example Live Demo Company Products Display pathname Display hreflang function display1() { var a = document.getElementById("mylink").pathname; document.getElementById("myid").innerHTML = a; } ... Read More

The alt attribute of element is used to set an alternate text for an area. This alternate text i.e. alt is visible when the image isn’t displayed for reasons like internet, loading issues, errors, etc.Following is the syntax −Here, text is the alt text to be set.Let us now see an example to implement the alt attribute of the element −Example Live Demo Learning Learn these technologies with ease.... OutputIn the above example, we have set the map on the following ... Read More

The HTML DOM Anchor password property set or return the password part of the href attribute value. The password part is entered by the user. If you want to display it, then it can be seen after the username and before the hostname i.e. https −//username −password@www.demo.com.Following is the syntax to set the password property −anchorObj.password = passwordFollowing is the syntax to return the password property −anchorObj.passwordLet us now see an example to implement the DOM Anchor password property −Example Live Demo Company Products Display password Display origin Display hreflang function display() { ... Read More

The element is used in HTML to display abbreviations. The Abbreviation object represent this element.In the below example, we will learn how to access an abbreviation object −Example Live Demo Demo Heading BCCI Display the abbreviation title Abbreviation Title    function display() {       var a = document.getElementById("myid").title;       document.getElementById("demo").innerHTML = a;    } OutputClick on the button to display the title −

The HTML DOM Anchor protocol property is used to set or return the protocol of a link in the href attribute.Following is the syntax to set the protocol property −anchorObj.protocol = protocol_urlAbove, protocol_url is the protocol of the URL. The values can be http, https, ftp, etc.Following is the syntax to return the protocol property −anchorObj.protocolLet us now see an example to implement the DOM Anchor protocol property −Example Live Demo Demo Heading Link = Services Display pathname Display hreflang Display port Display protocol function display1() { var ... Read More