HTML Articles - Page 80 of 221 - Tutorialspoint

Found 2202 Articles for HTML

HTML href Attribute

HTML Web Development Front End Technology

AmitDiwan

Updated on 17-Sep-2019 08:14:27

347 Views

The href attribute is used to set the link i.e. the URL of the page.SyntaxFollowing is the syntax −Above, URL is the url you need to mention, which can be a relative link, absolute link, script, protocol, etc.ExampleLet us now see an example to implement the href attribute of the element − Live Demo Learning is Fun Learn the concepts of Java! Also try JavaScript from our website: JavaScript! OutputThis will produce the following output −ExampleLet us see another example wherein we can set the email-id of a user with a href − Live ... Read More

HTML disabled Attribute</a> </h3> <div class="qa_category" id="tags_28170"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 17-Sep-2019 07:58:58 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 42 Views</p> </div> <div class="clear"></div> <p>The disabled attribute of the element is used to disable . After disabling, you won’t be able to select the text from the .SyntaxFollowing is the syntax −ExampleLet us now see an example to implement the disabled attribute of the element − Live Demo Candidate Details Student Name: Student Id: Educational Qualification (Graduation) B.Tech BCA B.COM B.SC BBA Educational Qualification (Post-Graduation) MCA M.Tech M.COM M.SC Info: You need to also bring the certificates for the degrees mentioned above. OutputThis will produce the following output −In the above example, ... <a href="https://www.tutorialspoint.com/html-textarea-disabled-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="google_content_ads"> <div style="text-align: center;"> <div class="inserted-div"><script async="true" id="PS_67ebd889ca6f1325b65a5242" type="text/javascript" src="https://ads.playstream.media/api/adserver/scripts?PS_TAGID=67ebd889ca6f1325b65a5242&PS_PUB_ID=67ebd5e3ca6f1325b65a46fe"></script></div> </div> </div> </div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-option-disabled-attribute" target="_blank"> HTML <option> disabled Attribute</a> </h3> <div class="qa_category" id="tags_28159"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 11:33:11 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 434 Views</p> </div> <div class="clear"></div> <p>The disabled attribute of the element is used to set a disabled option from a list of options. After that, the disabled option won’t be clickable.SyntaxFollowing is the syntax −ExampleLet us now see an example to implement the disabled attribute of the element − Live Demo Impurity level of Water Impurity Level 3:2 5:3 2L 5L 10L 20L OutputThis will produce the following output. Here, the option 5:3 under the optgroup Ratio −In the above example, we have option-groups and options inside it − 3:2 5:3 ... <a href="https://www.tutorialspoint.com/html-option-disabled-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-meter-min-attribute" target="_blank"> HTML <meter> min Attribute</a> </h3> <div class="qa_category" id="tags_28156"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 11:28:21 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 150 Views</p> </div> <div class="clear"></div> <p>The min attribute of the element is used to set the lower bound for . However, the element is used to measure data with a give range like water impurity level and it is set using the min and max attribute.SyntaxFor obvious reasons, the min value is less than the max value. The default is 0. Following is the syntax −The num above is a number in floating-point that sets the min attribute of the element.ExampleLet us now see an example to implement the min attribute of the element − Live Demo Water Levels Impurity ... <a href="https://www.tutorialspoint.com/html-meter-min-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/difference-between-an-id-and-class-in-html" target="_blank"> Difference between an id and class in HTML</a> </h3> <div class="qa_category" id="tags_28153"> <a href='https://www.tutorialspoint.com/articles/category/differences' target='_blank'><span>Differences</span></a><a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/kiran-kumar-panigrahi" title="Kiran Kumar Panigrahi"><img src="https://www.tutorialspoint.com/assets/profiles/390736/profile/60_2598-1635242143.png" alt="Kiran Kumar Panigrahi"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/kiran-kumar-panigrahi" title="Kiran Kumar Panigrahi">Kiran Kumar Panigrahi</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 14-Sep-2023 16:09:50 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 31K+ Views</p> </div> <div class="clear"></div> <p>In HTML, both Id and Class are the element selector and are used to identify an element based on the name assign to these parameters. ID and Class selectors are the most widely used element selectors in CSS (HTML). The basic difference between ID and Class is that the ID selector is applied only to one element in a page, whereas the class selector can be applied to several elements on a single page. Read this article to find out more about "id" and "class" in HTML and how they are different from each other. What is ID in ... <a href="https://www.tutorialspoint.com/difference-between-an-id-and-class-in-html"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-label-for-attribute" target="_blank"> HTML <label> for Attribute</a> </h3> <div class="qa_category" id="tags_28151"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 11:16:41 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 222 Views</p> </div> <div class="clear"></div> <p>The for attribute of the element is used to set an element with a label.SyntaxFollowing is the syntax −Above, id is the associated element id.ExampleLet us now see an example to implement the for attribute of element − Live Demo Last Semester Results Result Student: Subject: Rank: OutputThis will produce the following output −In the above example, we have a form with some fields − Result Student: Subject: Rank: We have set the label for the field using for attribute of the element, ... <a href="https://www.tutorialspoint.com/html-label-for-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-input-disabled-attribute" target="_blank"> HTML <input> disabled Attribute</a> </h3> <div class="qa_category" id="tags_28146"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 11:07:23 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 258 Views</p> </div> <div class="clear"></div> <p>The disabled attribute of the element is used to disable element. When an element is disabled, it becomes unclickable. For obvious reasons, the disabled input element won’t get submitted.SyntaxFollowing is the syntax −Let us now see an example to implement the disabled attribute of the element −Example Live Demo Details These are the new details... New Details: Player: Rank: Email: Reporting Time: OutputThis will produce the following output wherein we have disabled one of the input element “Player” −In the above example, we have four fields −Player: ... <a href="https://www.tutorialspoint.com/html-input-disabled-attribute"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-block-and-inline-elements" target="_blank"> HTML Block and Inline Elements</a> </h3> <div class="qa_category" id="tags_28141"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 16-Sep-2019 09:19:06 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 412 Views</p> </div> <div class="clear"></div> <p>Block ElementsThe block elements appear on a screen as if they have a line break before and after them. They also take up the entire available width. Some of the block elements include, to , , , , , , , , etc.ExampleLet us see an example of one of the block element , , , etc − Live Demo Coding Ground Compilers for Programming Languages and Web Technologies Click on the individual links to work on online compilers: Java | PHP | jQuery | C | C++ | AngularJS We also have complier for JS ... <a href="https://www.tutorialspoint.com/html-block-and-inline-elements"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-dom-input-reset-form-property" target="_blank"> HTML DOM Input Reset form property</a> </h3> <div class="qa_category" id="tags_27297"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 22-Aug-2019 12:59:34 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 247 Views</p> </div> <div class="clear"></div> <p>The HTML DOM Input Reset form property is used for returning the form reference that contains the given reset button. If the reset button is outside the form then it will simply return NULL. This property is read-only.SyntaxFollowing is the syntax for input Reset form property.resetObject.formExampleLet us look at an example for the Input Reset form property − Live Demo Input reset form Property UserName: Location: Get the form id by clicking on the below button GET FORM function formId() { var P=document.getElementById("RESET1").form.id; ... <a href="https://www.tutorialspoint.com/html-dom-input-reset-form-property"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://www.tutorialspoint.com/html-dom-input-reset-disabled-property" target="_blank"> HTML DOM Input Reset disabled property</a> </h3> <div class="qa_category" id="tags_27295"> <a href='https://www.tutorialspoint.com/articles/category/HTML' target='_blank'><span>HTML</span></a><a href='https://www.tutorialspoint.com/articles/category/Web-Development' target='_blank'><span>Web Development</span></a><a href='https://www.tutorialspoint.com/articles/category/Front-End-Technology' target='_blank'><span>Front End Technology</span></a></div> </div> <div class="qa_answer_widget"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan"><img src="https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg" alt="AmitDiwan"></a> <div class="qa_answer_detail"> <a href="https://www.tutorialspoint.com/authors/amitdiwan" title="AmitDiwan">AmitDiwan</a> </div> <div class="flex-group"> <div class="qa_answer_dtm"> Updated on 22-Aug-2019 12:55:57 </div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg> 232 Views</p> </div> <div class="clear"></div> <p>The HTML DOM Input reset disabled property is used for setting or returning if the reset button should be disabled or not. It uses boolean values, with true representing the reset button 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 for −Setting the disabled property −resetObject.autofocus = true|falseHere, true=reset button is disabled and false=the reset button is not disabled. It is false by default.ExampleLet us look at an example for the Input reset disabled property − Live Demo ... <a href="https://www.tutorialspoint.com/html-dom-input-reset-disabled-property"><span class="read_more">Read More <i class="fal fa-long-arrow-right"></i></span></a></p> </div> </div> </div> <div class="clear"></div> <div class="job-index qa_widget" style="padding:0px 10px 0px 10px!important; margin:0px!important;"> <div class="pages"> <a href="https://www.tutorialspoint.com/articles/category/HTML/79" title="Previous Page"><i class='fal fa-angle-left'></i> Previous</a> <a class="number" title="Go to page 1 of 221" href="https://www.tutorialspoint.com/articles/category/HTML/1">1</a> ... <a class="number" title="Go to page 78 of 221" href="https://www.tutorialspoint.com/articles/category/HTML/78">78</a> <a class="number" title="Go to page 79 of 221" href="https://www.tutorialspoint.com/articles/category/HTML/79">79</a> <a title="Go to page 80 of 221" class="current number" href="https://www.tutorialspoint.com/articles/category/HTML/80">80</a> <a class="number" title="Go to page 81 of 221" href="https://www.tutorialspoint.com/articles/category/HTML/81">81</a> <a class="number" title="Go to page 82 of 221" href="https://www.tutorialspoint.com/articles/category/HTML/82">82</a> ... <a class="number" title="Go to page 221 of 221" href="https://www.tutorialspoint.com/articles/category/HTML/221">221</a> <a href="https://www.tutorialspoint.com/articles/category/HTML/81" title="Next Page">Next <i class='fal fa-angle-right'></i></a> </div> </div> <div class='clear py-2'></div> <div class="bottom-library-ads mt" style="margin:5px;"> <div class="google-bottom-ads" id="google-bottom-ads"> <div>Advertisements</div> <div style="width: 750px; height: 300px;">  <div id='tutorialspointcom47468'> </div> </div> </div> </div> </div> <div> <div class="data-sticky" id="google-right-ads"> <div class="google-right-ad" style="margin: 0px auto !important;margin-top:5px;min-height:280px!important">  <div id='tutorialspointcom47465'> </div> </div> <div class="google-right-ad" style="margin-top:16px;min-height:280px!important">  <div id='tutorialspointcom47466'> </div> </div> <div class="google-right-ad" style="margin-top:16px;min-height:280px!important">  <div id='tutorialspointcom47467'> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer bg-neutral-800"> <div class="container"> <div> <h5>TOP TUTORIALS</h5> <ul> <li><a href="/python/index.htm" title="Python Tutorial">Python Tutorial</a></li> <li><a href="/java/index.htm" title="Java Tutorial">Java Tutorial</a></li> <li><a href="/cplusplus/index.htm" title="C++ Tutorial">C++ Tutorial</a></li> <li><a href="/cprogramming/index.htm" title="C Programming Tutorial">C Programming Tutorial</a></li> <li><a href="/csharp/index.htm" title="C# Tutorial">C# Tutorial</a></li> <li><a href="/php/index.htm" title="PHP Tutorial">PHP Tutorial</a></li> <li><a href="/r/index.htm" title="R Tutorial">R Tutorial</a></li> <li><a href="/html/index.htm" title="HTML Tutorial">HTML Tutorial</a></li> <li><a href="/css/index.htm" title="CSS Tutorial">CSS Tutorial</a></li> <li><a href="/javascript/index.htm" title="JavaScript Tutorial">JavaScript Tutorial</a></li> <li><a href="/sql/index.htm" title="SQL Tutorial">SQL Tutorial</a></li> </ul> </div> <div> <h5>TRENDING TECHNOLOGIES</h5> <ul> <li><a href="/cloud_computing/index.htm" title="Cloud Computing Tutorial">Cloud Computing Tutorial</a></li> <li><a href="/amazon_web_services/index.htm" title="Amazon Web Services Tutorial">Amazon Web Services Tutorial</a></li> <li><a href="/microsoft_azure/index.htm" title="Microsoft Azure Tutorial">Microsoft Azure Tutorial</a></li> <li><a href="/git/index.htm" title="Git Tutorial">Git Tutorial</a></li> <li> <a href="/ethical_hacking/index.htm" title="Ethical Hacking Tutorial">Ethical Hacking Tutorial</a></li> <li><a href="/docker/index.htm" title="Docker Tutorial">Docker Tutorial</a></li> <li><a href="/kubernetes/index.htm" title="Kubernetes Tutorial">Kubernetes Tutorial</a></li> <li><a href="/data_structures_algorithms/index.htm" title="DSA Tutorial">DSA Tutorial</a></li> <li><a href="/spring_boot/index.htm" title="Spring Boot Tutorial">Spring Boot Tutorial</a></li> <li><a href="/sdlc/index.htm" title="SDLC Tutorial">SDLC Tutorial</a></li> <li><a href="/unix/index.htm" title="Unix Tutorial">Unix Tutorial</a></li> </ul> </div> <div> <h5>CERTIFICATIONS</h5> <ul> <li><a href="https://market.tutorialspoint.com/certification/business-analytics-certification-2023/index.asp" title="Business Analytics Certification">Business Analytics Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/java-prime-pack/index.asp" title="Java & Spring Boot Advanced Certification">Java & Spring Boot Advanced Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/data-science-advanced-certification/index.asp" title="Data Science Advanced Certification">Data Science Advanced Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/cloud-computing-and-devops-advanced-certification/index.asp" title="Cloud Computing And DevOps">Cloud Computing And DevOps</a></li> <li><a href="https://market.tutorialspoint.com/certification/advanced-certification-in-business-analytics/index.asp" title="Advanced Certification In Business Analytics">Advanced Certification In Business Analytics</a></li> <li><a href="https://market.tutorialspoint.com/certification/artificial-intelligence-and-machine-learning-certification/index.asp" title="Artificial Intelligence And Machine Learning">Artificial Intelligence And Machine Learning</a></li> <li><a href="https://market.tutorialspoint.com/certification/devops-certification/index.asp" title="DevOps Certification">DevOps Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/game-development-prime-pack/index.asp" title="Game Development Certification">Game Development Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/frontend-developer-certification/index.asp" title="Front-End Developer Certification">Front-End Developer Certification</a></li> <li><a href="https://market.tutorialspoint.com/certification/aws-prime-pack/index.asp" title="AWS Certification Training">AWS Certification Training</a></li> <li><a href="https://market.tutorialspoint.com/certification/complete-python-prime-pack/index.asp" title="Python Programming Certification">Python Programming Certification</a></li> </ul> </div> <div> <h5>COMPILERS & EDITORS</h5> <ul> <li><a href="/online_java_compiler.php" title="Online Java Compiler">Online Java Compiler</a></li> <li><a href="/online_python_compiler.php" title="Online Python Compiler">Online Python Compiler</a></li> <li><a href="/execute_golang_online.php" title="Online Golang Compiler">Online Golang Compiler</a></li> <li><a href="/compile_c_online.php" title="Online C Compiler">Online C Compiler</a></li> <li><a href="/compile_cpp_online.php" title="Online C++ Compiler">Online C++ Compiler</a></li> <li><a href="/online_csharp_compiler.php" title="Online C# Compiler">Online C# Compiler</a></li> <li><a href="/execute_php_online.php" title="Online PHP Compiler">Online PHP Compiler</a></li> <li><a href="/execute_matlab_online.php" title="Online MATLAB Compiler">Online MATLAB Compiler</a></li> <li><a href="/compilers/online-bash-terminal.htm" title="Online Bash Terminal">Online Bash Terminal</a></li> <li><a href="/execute_sql_online.php" title="Online SQL Compiler">Online SQL Compiler</a></li> <li><a href="/online_html_editor.php" title="Online Html Editor">Online Html Editor</a></li> </ul> </div> </div> <ul class="footer__list container"> <li><a href="/about/index.htm" title="ABOUT US">ABOUT US</a> | </li> <li><a href="/about/about_team.htm" title="OUR TEAM">OUR TEAM</a> | </li> <li><a href="/about/about_careers.htm" title="CAREERS">CAREERS</a> | </li> <li><a href="/job_search.php" title="JOBS">JOBS</a> | </li> <li><a href="/about/contact_us.htm" title="CONTACT US">CONTACT US</a> | </li> <li><a href="/about/about_terms_of_use.htm" title="TERMS OF USE">TERMS OF USE</a> | </li> <li><a href="/about/about_privacy.htm" title="PRIVACY POLICY">PRIVACY POLICY</a> | </li> <li><a href="/about/return_refund_policy.htm" title="REFUND POLICY">REFUND POLICY</a> | </li> <li><a href="/about/about_cookies.htm" title="COOKIES POLICY">COOKIES POLICY</a> | </li> <li><a href="/about/faq.htm" title="FAQ'S">FAQ'S</a></li> </ul> <div class="footersocials container"> <img class="footerlogo" src="https://www.tutorialspoint.com/static/images/logo-footer.svg" alt="tutorials point logo"> <div> <a rel="nofollow" target="_blank" href="https://www.facebook.com/tutorialspointindia" title="Follow us on Facebook"> <i class="fa-sharp fa-light fa-brands fa-facebook-f foot-icons"></i> </a> <a target="_blank" href="https://x.com/tutorialspoint" rel="nofollow" title="Follow us on X"> <i class="fa-sharp fa-light fa-brands fa-x-twitter foot-icons"></i> </a> <a target="_blank" href="https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg" rel="nofollow" title="Follow us on Youtube"> <i class="fa-sharp fa-light fa-brands fa-youtube foot-icons"></i> </a> <a target="_blank" href="https://www.linkedin.com/company/tutorialspoint/" rel="nofollow" title="Follow us on LinkedIn"> <i class="fa-sharp fa-light fa-brands fa-linkedin-in foot-icons"></i> </a> <a target="_blank" href="https://www.instagram.com/tutorialspoint_/" rel="nofollow" title="Follow us on Instagram"> <i class="fa-sharp fa-light fa-brands fa-instagram foot-icons"></i> </a> </div> <div class="flex-group"> <button class="button-reset"><a href="https://play.google.com/store/apps/details?id=com.tutorialspoint.onlineviewer" target="_blank" title="Download Android App" rel="nofollow"><img src="https://www.tutorialspoint.com/static/images/googleplay.svg" alt="Download Android App"></a></button> <button class="button-reset"><a href="https://itunes.apple.com/us/app/tutorials-point/id914891263?ls=1&mt=8" target="_blank" title="Download IOS App" rel="nofollow"><img src="https://www.tutorialspoint.com/static/images/appstore.svg" alt="Download IOS App"></a></button> </div> </div> <div class="footerlegal-wrapper"> <div class="footerlegal ff-nunito"> <p> <p class="">Tutorials Point is a leading Ed Tech company striving to provide the best learning material on technical and non-technical subjects.</p> </p> <p class="footer__copyright ">© Copyright 2025. All Rights Reserved.</p> </div> </div> </footer> <script src="/static/js/new-lib-script.min.js?v-3"></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <div id="fluid-privacy-opt-out-link" onmouseover="this.style.color='rgb(25, 103, 210)'; this.style.cursor='pointer'" onmouseout="this.style.color='#CCCCCC'; this.style.cursor='auto'"></div> <script> const privacyOptOutLink = document.getElementById("fluid-privacy-opt-out-link"); window.googlefc = window.googlefc || { callbackQueue: [] }; window.googlefc.ccpa = window.googlefc.ccpa || {}; window.googlefc.ccpa.overrideDnsLink = true; window.googlefc.callbackQueue.push({ "CONSENT_API_READY": () => { if (!privacyOptOutLink) { return; } !!window.tcfapi && window.tcfapi("addEventListener", 2, (tcData, success) => { if (success && tcData.gdprApplies) { privacyOptOutLink.innerText = "Change GDPR Consent"; privacyOptOutLink.addEventListener("click", () => googlefc.showRevocationMessage()); return; } }); } }); window.googlefc.callbackQueue.push( { "INITIAL_CCPA_DATA_READY": () => { if (!privacyOptOutLink) { return; } if (googlefc.ccpa.getInitialCcpaStatus() && googlefc.ccpa.getInitialCcpaStatus() === googlefc.ccpa.InitialCcpaStatusEnum.NOT_OPTED_OUT) { privacyOptOutLink.innerText = "Don't sell or share my personal info"; privacyOptOutLink.addEventListener("click", () => googlefc.ccpa.openConfirmationDialog((optedOut) => { if (optedOut) { privacyOptOutLink.style.display = "none"; } })); return } } }); </script> <script> if(getCookie('auid') == '' || getCookie('auid') == null){ window.onload = function() { initializeGoogleOneTap(); }; } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E4SW76VCNP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E4SW76VCNP'); </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '854536859149047'); fbq('track', 'PageView'); </script>  </body> </html>