Front End Technology Articles - Page 527 of 860

The HTML DOM Input Submit formMethod property is used for setting or returning the formMethod attribute value of a submit button. This specifies which HTTP method to be used when sending form data to the server. The formMethod attribute value overrides the method attribute value associated with the element. It introduced in HTML5 for input element with type submit.SyntaxFollowing is the syntax for −Setting the formMethod property −submitObject.formMethod = get|postHere, get is the default method and appends the form-data to the url. Eg: URL?name=value & name=value. It is usually not secure and can be used for data that is ... Read More

The HTML DOM Submit formEnctype property is used for setting or returning the formEnctype attribute value of a submit button. It introduced in HTML5 for input element with type submit. It is used for specifying how the data of the form should be encoded when submitted to the server.This property only works if there is method=”post” property. The formEnctype attribute value overrides the enctype attribute value associated with the elementSyntaxFollowing is the syntax for −Setting the submit formEnctype property −submitObject.enctype = encodingHere, encoding can be “application/x-www-form-urlencoded” which means all characters are encoded before sent and this is the default ... Read More

The HTML DOM Submit formAction property is used for setting or getting the formaction attribute value of the form. The formaction property specifies to url where the data is to be sent after clicking on the submit button. The formAction attribute value overrides the action attribute value associated with the element.SyntaxFollowing is the syntax for −Setting the formAction property −submitObject.formAction = URLHere, the URL can be an absolute url or a relative one.ExampleLet us look at an example for the Submit formAction property − Submit formAction Property UserName: Location: Change ... Read More

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

The HTML DOM Input submit disabled property is used for setting or returning if the submit button should be disabled or not. It uses boolean values with true representing the submit button should be disabled and false otherwise. The disabled property is set to false by default. However, the disabled element is greyed out by default and is unclickable .SyntaxFollowing is the syntax for −Setting the disabled property −submitObject.autofocus = true|falseHere, true=submit button is disabled and false=the submit button is not disabled. It is false by default.ExampleLet us look at an example for the Input submit disabled property − ... Read More

The HTML DOM Input Submit autofocus property is associated with the HTML element’s autofocus attribute. This property is used for setting or returning if the submit button should be automatically focused when the page loads or not.SyntaxFollowing is the syntax for −Setting the autofocus property −submitObject.autofocus = true|falseHere, true represents that the submit button should get focus and false represents otherwise. It is set to false by default.ExampleLet us look at an example for the Input Submit autofocus property −Live Demo Submit Autofocus property UserName: Location: Get the submit button autofocus ... Read More

The HTML DOM Input search value property is associated with the input element having type=”search” and the value attribute. It is used to return the value of input search field value attribute or to set it. This property is used for specifying a default value for search field and it also changes the value to user input.SyntaxFollowing is the syntax for −Setting the value property −searchObject.value = text;Here, text is used for specifying the value for the search field.ExampleLet us look at an example for the input search value property −Live Demo Input search Value property FRUITS: ... Read More

The HTML DOM Input search type property is associated with the input element having its type=”search”. It will always return search for the input search element.SyntaxFollowing is the syntax for search type property −searchObject.typeExampleLet us look at an example for the Input search type property −Live Demo Search type property FRUITS: Get the above element type by clicking the below button Get Type    function getType() {       var t = document.getElementById("SEARCH1").type;       document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;    } OutputThis will produce the following output −On clicking the “Get Type” button −

The HTML DOM Input Search size property is used for setting or returning the input search field size attribute value. It is used for defining the search field width in terms of characters. The default width is of 20 characters.SyntaxFollowing is the syntax for −Setting the Search size property −searchObject.size = numberHere, number represents the search field width in characters. The default width is 20 characters.ExampleLet us look at an example for the Input search size property −Live Demo Input search size property FRUITS: Change the Search field width by clicking the below button CHANGE ... Read More

The HTML DOM input Search 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 search field or not before the form is submitted to the server. This allows the form to not submit if a search field with required attribute is left empty by the user.SyntaxFollowing is the syntax for −Setting the required property −searchObject.required = true|falseHere, true represents that the search field must be filled while false represents its optional to fill the field before submitting the form.ExampleLet us look ... Read More