HTML Articles - Page 71 of 151

The HTML DOM Input Search object is associated with the element with type “search”. We can create and access an input element with type search using the createElement() and getElementById() method respectively.PropertiesFollowing are the properties for the Input Search object −PropertyDescriptionautocompleteTo set or return if the search field should get focus automatically when the page loads or not.autofocusTo set or return if the search field should get focus automatically when the page loads or not.defaultValueTo set or return the search field default value.disabledTo set or return if the reset button has been disabled, or not.formTo return the reference of ... Read More

The HTML DOM Input Search name property is used for setting or returning the name attribute of a reset button. The name attribute helps in identifying the form data after it has been submitted to the server. JavaScript can also use the name attribute to refer form elements for manipulating later on.SyntaxFollowing is the syntax for −Setting the name property −searchObject.name = nameHere, name is for specifying the search field name.ExampleLet us look at an example for the Search name property − Input search name Property FRUITS: Change the name of the above search field ... Read More

The HTML DOM Input Search form property is used for returning the form reference that contains the given input search field. If the search field is outside the form then it will simply return NULL. This property is read-only.SyntaxFollowing is the syntax for input search form property −searchObject.formExampleLet us look at an example for the HTML DOM Input search form property − Input search form Property FRUITS: Get the form id by clicking on the below button GET FORM    function formId() {       var P=document.getElementById("SEARCH1").form.id;       document.getElementById("Sample").innerHTML = ... Read More

The HTML DOM Input Search defaultValue property is used for setting or getting the defaultValue of a search field. The defaultValue of an element is the value assigned to the value attribute. The difference between value and defaultValue property is that the defaultValue property retains the original default value while the value property value change based on the user input in the search field.SyntaxFollowing is the syntax to set the defaultValue property −searchObject.defaultValue = valueHere, “value” is the search field default value.ExampleLet us look at an example for the Search defaultValue property −Live Demo Input Search defaultValue Property ... Read More

The HTML DOM Input Search autofocus property is associated with the HTML element’s autofocus attribute. This property is used for setting or returning if the input search field should automatically be focused when the page loads or not.SyntaxFollowing is the syntax for −Setting the autofocus property −searchObject.autofocus = true|falseHere, true represents the search field should get focus and false represents otherwise. It is set to false by default.ExampleLet us look at an example of the Input search autofocus property − Input search autofocus property FRUITS: Get the autofocus attribute value for the above search ... Read More

The HTML DOM Input Search autocomplete property is associated with the autocomplete attribute of the element with type=”search”. The autocomplete attribute takes “on” or “off” value. The on value specifies that the web browser must automatically complete user text based on previous input while false states otherwise.SyntaxFollowing is the syntax for −Setting the autocomplete Property −searchObject.autocomplete = "on|off"Here, on means the web browser will complete the user input automatically based on previous input while false states that it will not complete any of the user input based on previous inputs. It has the value set to on by default.ExampleLet ... Read More

The HTML DOM Input Reset object is associated with the element with type “reset”. We can create and access an input element with type reset by using the createElement() and getElementById() method respectively.PropertiesFollowing are the properties for the Input reset object −PropertyDescriptionautofocusTo set or return if the reset button should get focus automatically when the page loads or not.defaultValueTo set or return the reset button default value.disabledTo set or return if the reset button has been disabled, or not.formTo return the reference of the form containing the reset button.nameTo set or return the name attribute value of the reset ... Read More

The HTML DOM Input Reset name property is used for setting or returning the name attribute of a reset button. The name attribute helps in identifying the form data after it has been submitted to the server.SyntaxFollowing is the syntax for −Setting the name property −resetObject.name = nameHere, name is for specifying the reset button name.ExampleLet us look at an example for the Reset name property − Input range name Property UserName: Location: Change the name of the above reset button by clicking the below button CHANGE NAME    function ... Read More

The HTML DOM Form autocomplete property is associated with the autocomplete attribute of the form element. Using the autocomplete property we can set or return autocomplete attribute value of the given form. This property specifies if the input field should autocomplete text being written by the user based on the text that was previously written in the text field.The autocomplete property can be turned off for specific input fields if autocomplete is set on for the form and it is true for vice-versa also.SyntaxFollowing is the syntax for −Set the autocomplete property −formObject.autocomplete = on|offHere, “on” is by default and ... Read More

The HTML DOM Fielset object represents the element.PropertiesFollowing are the properties for Fieldset object −PropertyDescriptiondisabledTo set or return if the fieldset is disabled, or notformTo return the reference to the form that contains the given fieldset.nameTo set or return the name attribute value of a fieldset.typeTo return the fieldset element type.SyntaxFollowing is the syntax for −Creating a fieldset element −var p = document.createElement("FIELDSET");ExampleLet us look at an example for the HTML DOM Fieldset object −Live Demo    function createField() {       var f = document.createElement("FIELDSET");       var txt = document.createTextNode("FIELDSET element created"); ... Read More