HTML DOM Input Radio Disabled Property

AmitDiwan
Updated on 15-Feb-2021 05:12:01

2K+ Views

The HTML DOM Input Radio disabled property is used for setting or returning if the radio button should be disabled or not. It uses boolean values with true representing the element should be disabled and false otherwise. The disabled property is set to false by default. The disabled element is greyed out by default and is unclickable .SyntaxFollowing is the syntax to −Set the disabled property.radioObject.disabled = true|false;Here, true= the radio button is disabled and false=the radio button is not disabled. It is false by default.ExampleLet us look at an example for the Input radio disabled property −Live Demo ... Read More

HTML DOM Input Radio Name Property

AmitDiwan
Updated on 15-Feb-2021 05:08:32

172 Views

The HTML DOM Input radio name property is used for setting or returning the name attribute of an input radio field. 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 to manipulate later on.SyntaxFollowing is the syntax for −Setting the name property.radioObject.name = nameHere, name is for specifying the radio button name.ExampleLet us look at an example for the radio name property −Live Demo Input radio name Property FRUIT: Orange Change the name of the above radio ... Read More

HTML DOM Input Radio Object

AmitDiwan
Updated on 15-Feb-2021 05:05:50

206 Views

The HTML DOM Input radio object is associated with the element with type “radio”. We can create and access an input element with type radio using the createElement() and getElementById() method respectively.PropertiesFollowing are the properties of the Input Radio object −Sr.NoProperties & Description1AutofocusTo set or return if the radio button should get focus automatically when the page loads or not.2CheckedTo set or return the radio button checked state.3defaultCheckedTo return the checked attribute default value for a radio button4defaultValueTo set or return the radio button default value.5DisabledTo set or return whether the radio button should e disabled, or not6FormTo return ... Read More

HTML DOM Input Radio Required Property

AmitDiwan
Updated on 15-Feb-2021 05:03:21

221 Views

The HTML DOM input radio 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 check some radio button or not before the form is submitted to the server. This allows the form to not submit if a radio button with required attribute is left unchecked by the user.SyntaxFollowing is the syntax for −Setting the required property.radioObject.required = true|falseHere, true represents the radio button must be checked while false represents its optional to check the radio button before submitting the form.ExampleLet us look at ... Read More

HTML DOM Video src Property

AmitDiwan
Updated on 15-Feb-2021 04:54:54

118 Views

The HTML DOM Video src property returns/sets a string corresponding to the url of the video.SyntaxFollowing is the syntax −Returning string valuemediaObject.srcSetting src to a URLStringmediaObject.poster = URLStringLet 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 DOM Video TextTracks Property

AmitDiwan
Updated on 15-Feb-2021 04:52:12

75 Views

The HTML DOM Video textTracks property returns a TextTrackList object containing information about the text tracks for the video.SyntaxFollowing is the syntax −Returning TextTracksList ObjectmediaObject.textTracksLet us see an example of Video textTracks property −Example Live Demo HTML DOM Video textTracks    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    }                    HTML-DOM-Video-textTracks ... Read More

HTML DOM Video Volume Property

AmitDiwan
Updated on 15-Feb-2021 04:49:31

109 Views

The HTML DOM Video volume property returns/sets a number corresponding to current volume level of media.SyntaxFollowing is the syntax −Returning volume as a numbermediaObject.volumeSetting volume to a numbermediaObject.volume = numberNOTE: Number has a max value of ’1.0’ and if ‘0.0’ video volume is min.Let us see an example of Video volume property −Example Live Demo HTML DOM Video volume    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {     ... Read More

HTML DOM Video Width Property

AmitDiwan
Updated on 15-Feb-2021 04:46:52

137 Views

The HTML DOM Video width property returns/sets a number corresponding to width (in pixels) of media.SyntaxFollowing is the syntax −Returning width as a number (px)mediaObject.widthSetting width to a number (px)mediaObject.width = numberLet us see an example of Video width property −Example Live Demo HTML DOM Video width    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    }         ... Read More

HTML DOM LocalStorage Properties

AmitDiwan
Updated on 15-Feb-2021 04:38:59

246 Views

The HTML DOM localStorage Properties enables user to store key-value pairs in local browser itself for future reference. Key-value pairs are not lost until explicitly removed/cleared.SyntaxFollowing is the syntax −Window.localStorageHere, localStorage can have following properties/methods −setItem(‘key’, ’value’)getItem(‘key’)removeItem(‘key’)Let us see an example of localStorage properties −Example Live Demo LocalStorage clear()    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    }    table, th, td { ... Read More

HTML DOM Window stop() Method

AmitDiwan
Updated on 15-Feb-2021 04:37:58

272 Views

The HTML DOM Window stop() provides user the functionality to stop loading the resources of a window without clicking the browser stop button.SyntaxFollowing is the syntax −window.stop()ExampleLet us see an example of HTML DOM Window stop() method − HTML DOM Window stop()    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;                   ... Read More

Advertisements