Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles on Trending Technologies
Technical articles with clear explanations and examples
HTML DOM Input Submit object property
The HTML DOM Input Submit object is associated with the element with type “submit”. We can create and access an input element with type submit by using the createElement() method and getElementById() method respectively.PropertiesFollowing are the properties for the Input submit object −PropertyDescriptionautofocusTo set or return if the submit button should get focus automatically when the page loads or not.defaultValueTo set or return the submit button default value.disabledTo set or return if the submit button has been disabled, or not.formTo return the reference of the form containing the submit button.formActionTo set to return the formaction attribute value of a ...
Read MoreHTML DOM Input Submit type Property
The HTML DOM Input Submit type property is associated with the input element having its type=”submit”. It will always return submit for the input submit element.SyntaxFollowing is the syntax for submit type property −submitObject.typeExampleLet us look at an example for the submit type property − Input range type Property VOLUME Get the above input element type by clicking the below button GET Type function rangeType() { var P=document.getElementById("RANGE1").type; document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ; } OutputThis will produce the following output −On clicking the “GET Type” button −
Read MoreHTML DOM Input Submit value Property
The HTML DOM Input submit value property is associated with the input element having type=”submit” and the value attribute. It is used to return the value of submit button value attribute or to set it. The value property for submit button changes the text displayed on button as by default the text is “Submit”.SyntaxFollowing is the syntax for −Setting the value property −submitObject.value = text;Here, text is used for specifying the text displayed on the submit button.ExampleLet us look at an example for the input submit value property −Live Demo Input submit Value property UserName: ...
Read MoreHTML DOM Input Text defaultValue Property
The HTML DOM Input Text defaultValue property is used for setting or getting the defaultValue of a text field. The defaultValue of an element is the value assigned to the value attribute. The difference between value property and defaultValue property is the latter retains the original default value specified while the value property value changes based on the user input in the input field.SyntaxFollowing is the syntax to set the defaultValue property −textObject.defaultValue = valueHere, “value” is the text field default value.ExampleLet us look at an example for the Text defaultValue property −Live Demo Input Text defaultValue Property ...
Read MoreHTML DOM Input Text form Property
The HTML DOM Input Text form property is used for returning the form reference that contains the input text field. If the input text field is outside the form then it will simply return NULL. This property is read-only.SyntaxFollowing is the syntax for input text form property.textObject.formExampleLet us look at an example for the Input text form property −Live Demo Input Text form Property USERNAME: Get the form id by clicking on the below button GET FORM function formId() { var P=document.getElementById("TEXT1").form.id; document.getElementById("Sample").innerHTML = "The id ...
Read MoreHTML DOM Input Text name Property
The HTML DOM Input Text name property is used for setting or returning the name attribute of an input text field. The name attribute helps in identifying the form data after it has been submitter to the server.SyntaxFollowing is the syntax for −Setting the name property −textObject.name = nameHere, name is for specifying the text field name.ExampleLet us look at an example for the text name property −Live Demo Input Text name Property USERNAME: Change the name of the text field by clicking the below button CHANGE NAME function changeName() { ...
Read MoreHTML DOM Input Text required property
The HTML DOM input Text required property is associated with the required attribute of an element. The required property is used for setting and returning if it is necessary to fill some text field or not before the form is submitted to the server. This allows the form to not submit if a text field with required attribute is left empty by the user.SyntaxFollowing is the syntax for −Setting the required property −textObject.required = true|falseHere, true represents the text field must be filled while false represents its optional to fill the field before submitting the form.ExampleLet us look at ...
Read MoreHTML DOM source object
The HTML DOM source object is associated with the HTML element. We can create and access source element using the createElement() and getElementById() method respectively.SyntaxFollowing is the syntax for −Creating a source object −var p= document.createElement("SOURCE");ExampleLet us look at an example for the source object −Live Demo Source object example Add a audio source for the above element by clicking the below element. CREATE function createSrc() { var s = document.createElement("SOURCE"); s.setAttribute("src", "sample.mp3"); s.setAttribute("type", "audio/mpeg"); document.getElementById("AUDIO_1").appendChild(s); document.getElementById("Sample").innerHTML="The ...
Read MoreHTML DOM Span object
The HTML DOM span object is associated with the HTML element. We can create and access span element using the createElement() and getElementById() method respectively.SyntaxFollowing is the syntax for −Creating a span object −var a = document.createElement("SPAN");ExampleLet us look at an example for the span object −Live Demo Span object example Create a span element by clicking the below button CREATE This is some text inside a p element function createSpan() { var s = document.createElement("SPAN"); var txt = document.createTextNode("This is some text inside the span element"); ...
Read MoreHTML DOM Storage getItem() method
The HTML DOM Storage getItem() method is used for obtaining a storage object by passing a given key name. It will return the key’s values and if there is no key with that given name then NULL will be returned.SyntaxFollowing is the syntax for Storage getItem() method −localStorage.getItem(keyname);ORsessionStorage.getItem(keyname);Here, keyname is of type string and represents the name of the item to be obtained.ExampleLet us look at an example for the HTML DOM Storage getItem() method −Live Demo Storage getItem() method example Create a localStorage item with the name CLICKS to count the number of clicks on the create ...
Read More