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
HTML Articles
Page 11 of 151
HTML DOM Input Text type Property
The HTML DOM Input Text type property returns/sets type of Input Text.SyntaxFollowing is the syntax −Returning string valueinputTextObject.typeSetting type to string valueinputTextObject.type = stringValueString ValuesHere, “stringValue” can be the following −stringValueDetailsemailIt defines that input type is emailtextIt defines that input type is textradioIt defines that input type is radiotelIt defines that input type is tel and a number keypad is shown for inputExampleLet us see an example of Input Text type property − Input Text type form { width:70%; margin: 0 auto; text-align: center; } ...
Read MoreHTML DOM Input Email Object
The HTML DOM Input Email Object represents an input HTML element with type email.SyntaxFollowing is the syntax −Creating an with type emailvar emailObject = document.createElement(“input”); emailObject.type = “email”;AttributesHere, “emailObject” can have the following attributes −AttributesDescriptionautocompleteIt provides suggestions based on previously typed text, if set to ‘ON’autofocusIf set to true the email field is focused upon initial page load.defaultValueIt sets/returns the default value of an email fielddisabledIt defines if an email field is disabled/enabledformIt returns a reference of enclosing form that contains the email fieldmaxLengthIt returns/sets the value of maxLength attribute of an email fieldmultipleIt returns/sets if an email field ...
Read MoreHTML DOM Input Time autofocus Property
The HTML DOM Input Time autofocus property sets/returns whether Input Time is focused upon initial page load.SyntaxFollowing is the syntax −Returning boolean value - true/falseinputTimeObject.autofocusSetting autofocus to booleanValueinputTimeObject.autofocus = booleanValueBoolean ValuesHere, “booleanValue” can be the following:booleanValueDetailstrueIt defines that input will be autofocused on initial page load.falseIt is the default value and input is not autofocused.ExampleLet us see an example of Input Time autofocus property − Input Time autofocus form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; ...
Read MoreHTML DOM Input Email pattern Property
The HTML DOM Input Email pattern property sets/returns the regular expression corresponding to Email Input. The pattern attribute’s value is checked against the text typed in an email field.SyntaxFollowing is the syntax −Returning regular expressioninputEmailObject.patternSetting pattern to regular expressioninputEmailObject.pattern = ‘RegExp’ExampleLet us see an example of Input Email pattern property − Input Email pattern form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="submit"] { border-radius: 10px; ...
Read MoreHTML DOM Input Time disabled Property
The HTML DOM Input Time disabled property sets/returns whether Input Time is enabled or disabled.SyntaxFollowing is the syntax −Returning boolean value - true/falseinputTimeObject.disabledSetting disabled to booleanValueinputTimeObject.disabled = booleanValueBoolean ValuesHere, “booleanValue” can be the following −booleanValueDetailstrueIt defines that the input time is disabled.falseIt defines that the input time is not disabled and it is also the default value.ExampleLet us see an example of Input Time disabled property − Input Time disabled form { width:70%; margin: 0 auto; text-align: center; } * { padding: ...
Read MoreHTML DOM Input Email readOnly Property
The HTML DOM Input Email readOnly property sets/returns whether Input Email can be modified or not.SyntaxFollowing is the syntax −Returning boolean value - true/falseinputEmailObject.readOnlySetting readOnlyto booleanValueinputEmailObject.readOnly = booleanValueBoolean ValuesHere, “booleanValue” can be the following −booleanValueDetailstrueIt defines that the input email field is readOnly.falseIt defines that the input email field is not readOnly and can be modified.ExampleLet us see an example of Input Email readOnly property − Input Email readOnly form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; ...
Read MoreHTML DOM Input Time form Property
The HTML DOM Input Time form property returns the reference of enclosing form for input Time.SyntaxFollowing is the syntax −Returning reference to the form objectinputTimeObject.formExampleLet us see an example of Input Time form property − Input Time form form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } Time-form Examination Time : var divDisplay = document.getElementById("divDisplay"); var inputTime = document.getElementById("TimeSelect"); function getform() { divDisplay.textContent = inputTime.form.id+' exam starts from '+inputTime.value; } OutputThis will produce the following output −Before clicking ‘Which Exam?’ button −After checking ‘Which Exam?’ button −
Read MoreHTML DOM Input Email required Property
The HTML DOM Input Email required property determines whether Input Email is compulsory to set or not.SyntaxFollowing is the syntax −Returning boolean value - true/falseinputEmailObject.requiredSetting required to booleanValueinputEmailObject.required = booleanValueBoolean valuesHere, “booleanValue” can be the following −booleanValueDetailstrueIt is compulsory to set the email field to submit form.falseIt is the default value and to set an email field is not compulsory.ExampleLet us see an example of Input Email required property − Input Email required form { width:70%; margin: 0 auto; text-align: center; } * { ...
Read MoreHTML DOM Input Time step Property
The HTML DOM Input Time step property determines the legal intervals for only seconds.SyntaxFollowing is the syntax −Returning number valueinputTimeObject.stepSetting step attribute to a number valueinputTimeObject.step = numberParametersParameter number values −secondsvalid values constitute of those numbers that divide 60 perfectly (eg: 10, 15, 20)ExampleLet us see an example of Input Time step property − Input Time step form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: ...
Read MoreHTML DOM Table Object
The HTML DOM table Object represent the element of an HTML document.Let us see how to create table objectSyntaxFollowing is the syntax −document.createElement(“TABLE”);PropertiesFollowing are the properties of table object −PropertyExplanationcaptionIt returns element of a table in an HTML document.tFootIt returns element of a table in an HTML document.tHeadIt returns element of a table in an HTML document.MethodsFollowing are the methods of table object −MethodExplanationcreateCaption()It generates an empty element and adds it to the table.createTFoot()It generates an empty element and adds it to the table.createTHead()It generates an empty element and adds it to the ...
Read More