Found 2202 Articles for HTML

HTML input value Attribute

AmitDiwan
Updated on 19-Sep-2019 12:52:56

244 Views

The HTML input value attribute is used to set/return the value of value attribute.Let us see an example of Input value property −Example Live Demo Input URL value    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } URL-value URL Id:    var divDisplay = document.getElementById("divDisplay");    var inputURL = ... Read More

HTML input readonly Attribute

AmitDiwan
Updated on 19-Sep-2019 12:47:44

264 Views

The HTML input readonly attribute is used to declare an input element unmodifiable, though it still may be copied.Let us see an example of Input readOnly property −Example Live Demo Input Email readOnly    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } Email-readOnly Contact Us :    var divDisplay = document.getElementById("divDisplay"); ... Read More

HTML high Attribute

AmitDiwan
Updated on 19-Sep-2019 12:36:57

153 Views

The HTML high attribute is used with a gauge to specify the high value of that gauge. Use it with max, min, low attributes of gauge to get better results.Let us see an example of Meter high property −Example Live Demo Meter high    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } Meter-high Paula's Health Risk: ... Read More

HTML for Attribute

AmitDiwan
Updated on 19-Sep-2019 12:04:57

169 Views

The HTML for attribute bounds the element to the first labelable element which has an id same as the value of for attribute.SyntaxFollowing is the syntax −1. Returning value of for attribute −labelObject.htmlForExampleLet us see an example of for attribute − Live Demo Label htmlFor    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } Label-htmlFor Current Editor: ... Read More

HTML File Paths

AmitDiwan
Updated on 19-Sep-2019 11:59:13

368 Views

File path in a website is the location of a file in that website. This path might be relative (in reference to current path) or absolute (full URL of file).SyntaxFollowing is the syntax:1) Relative pathsrc="ImgFolder/picture.jpg"Orsrc="../ImgFolder/picture.jpg"Orsrc="/ImgFolder/picture.jpg"2) Absolute pathsrc="http://www.tutorialspoint.com/html5/foo.mp4"Let us see an example of HTML DOM Video src property−Example Live Demo HTML DOM Video src    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    } ... Read More

HTML Entities

AmitDiwan
Updated on 19-Sep-2019 11:45:39

188 Views

In HTML, some characters are reserved for syntax declaration. Using these characters in text might cause unwanted errors. For example, you cannot use the greater than and less than signs or angle brackets within your HTML text because the browser will treat them differently and will try to draw a meaning related to HTML tag.NOTE  − Entity names are case sensitive so should be used as they are.SyntaxFollowing is the syntax:&entity_nameOr&#entity_numberFollowing are some of the useful entities:ResultDescriptionEntity NameEntity Numbergreater than>>&ersand&&"double quotation mark""'single quotation mark (apostrophe)'$£Pound££¥Yen¥¥€Euro€€©Copyright©©®registered trademark®®Read More

HTML max Attribute

AmitDiwan
Updated on 17-Sep-2019 09:15:03

126 Views

The max attribute of the element is used to set the upper bound for . However, the element is used to measure data with a give range like water impurity level and it is set using the min and max attribute.SyntaxFollowing is the syntax −The num above is a number in floating-point that sets the max attribute of the element.ExampleLet us now see an example to implement the max attribute of the element − Live Demo Water Levels Impurity Level TDS Level OutputThis will produce the following output −In the above example, ... Read More

HTML Design Form

AmitDiwan
Updated on 17-Sep-2019 09:07:50

5K+ Views

HTML Forms are required, when you want to collect some data from the site visitor. For example, during user registration you would like to collect information such as name, email address, credit card, etc.A form will take input from the site visitor and then will post it to a back-end application such as CGI, ASP Script or PHP script etc. The back-end application will perform required processing on the passed data based on defined business logic inside the application.The tag is used in HTML to create a form and various form element like input, textarea, etc is included in ... Read More

HTML DOM Anchor Object

AmitDiwan
Updated on 17-Sep-2019 09:01:23

185 Views

The element is used in HTML to create hyperlinks along with href attribute. The anchor object represents this element.ExampleIn the below example, we will learn how to access an anchor object − Live Demo Demo Heading Google Display the link Link gets displayed here    function display() {       var a = document.getElementById("myid").href;       document.getElementById("demo").innerHTML = a;    } OutputThis will produce the following output −

HTML DOM Anchor hostname Property

AmitDiwan
Updated on 17-Sep-2019 08:58:40

121 Views

The HTML DOM Anchor hostname property returns only the hostname of the URL. It returns the domain name.SyntaxFollowing is the syntax to set the hostname property −anchorObj.hostname = hostnameAbove, the hostname is the hostname of the URL.SyntaxFollowing is the syntax to return the hostname property −anchorObj.hostnameExampleLet us now see an example to implement the DOM Anchor hostname property − Live Demo Company Our Team Display Anchor Part Display Host Part Display Hostname    function display() {       var a = document.getElementById("mylink").hash;       document.getElementById("myid").innerHTML = a;    }    function display2() {     ... Read More

Advertisements