Found 8862 Articles for Front End Technology

HTML DOM Anchor password Property

Ankith Reddy
Updated on 30-Jul-2019 22:30:26

83 Views

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

HTML 'input' required Attribute

George John
Updated on 18-Nov-2023 03:28:20

1K+ Views

The required attribute of the element is used to set a field which is required to be filled before the form is submitted. If the field set with required attribute is not filled, then on clicking the SUBMIT button, the form won’t submit.Following is the syntax −Let us now see an example to implement the required attribute of the element. Here, we have set 3 fields as required −Example Register Id − Password − DOB − Telephone ... Read More

HTML placeholder Attribute

Chandu yadav
Updated on 30-Jul-2019 22:30:26

341 Views

The placeholder attribute of the element is used to set a hint for the input that would give a short description about what is expected in that particular input. This attribute works for the following input types − text, url, search, email, password and tel. It introduced in HTML5.Following is the syntax −Here, placeholder_text is the short hint i.e. placeholder which would be visible to the users whenever they will visit that web page.Let us now see an example to implement the placeholder attribute of the element −Example Live Demo Register Id − ... Read More

HTML max Attribute

Arjun Thakur
Updated on 30-Jul-2019 22:30:26

279 Views

The max attribute of the element is used to set the maximum value for . Both min and max are used to set a range of value for input element with type number, date, datetime, range, etc. It introduced in HTML5.Let us now see an example to implement the man attribute of the element. Here, we have set max as 10, therefore a user cannot enter an ID more than 1 −Example Live Demo Log in to your account Id − Password − DOB − ... Read More

HTML DOM Abbreviation Object

Ankith Reddy
Updated on 30-Jul-2019 22:30:26

194 Views

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 −

HTML Charset

George John
Updated on 30-Jul-2019 22:30:26

209 Views

Different charsets include ASCII, ANSI, ISO-8859-1, UTF-8, etc. ISO-8859-1 supports 256 different character codes. ASCII defined 128 different alphanumeric characters. The charset attribute in HTML is used with the to specify the character encoding.Following is the syntax −Above, char_set is the character set to specify the character encoding of an HTML document. Let us now see an example to implement HTML character encoding −Example Live Demo Example We have added demo text −    Here, we are mentioned the demo content. This is just to display an example of charset in an HTML document.    Previous    Next Output

HTML Canvas to draw Bezier Curve

Chandu yadav
Updated on 16-Dec-2021 10:04:56

247 Views

To draw a Bezier curve, use the BezierCurveTo() method in HTML. Let us first see the syntax −ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);Here, cp1x − Represents the x-coordinate of the first Bezier control pointcp1y − Represents the y-coordinate of the first Bezier control pointcp2x − Represents the x-coordinate of the second Bezier control pointcp2y − Represents the y-coordinate of the second Bexier control pointx − Represents the x-coordinate of the ending pointy − Represents the y-coordinate of the ending pointFollowing is an example −Example HTML5 Canvas Tag    var c = document.getElementById('newCanvas');    var ... Read More

HTML DOM Anchor protocol Property

Arjun Thakur
Updated on 30-Jul-2019 22:30:26

89 Views

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

HTML autocomplete Attribute

Ankith Reddy
Updated on 30-Jul-2019 22:30:26

184 Views

The autocomplete attribute of the element allows you to set whether the autocomplete for the input should be on or off. The web browser automatically fills the values if autocomplete is on. This only happens if the user already entered values before.Following is the syntax −Above,  on | off values are to be set for autocomplete to appear or not. Set on if you want the browser to complete the entries based on previously entered values, whereas off doesn’t allow to complete the entries.Let us now see an example to implement the autocomplete attribute of the element −Example Live Demo ... Read More

HTML
Tag

Ankith Reddy
Updated on 30-Jul-2019 22:30:26

753 Views

The tag defines the heading of an HTML document. It is used to group the - headings.Note − The tag introduced and deprecated in HTML5. It is dropped from W3C HTML5 specification.Following is the syntax − Let us now see an example to implement the element in HTML −Example Live Demo Document Title    Demo Heading One    Demo Heading Two    This is demo text.    This is demo text.    This is demo text.    This is demo text. OutputIn the above example, we have set the two headings the − Demo Heading One Demo Heading Two

Advertisements