HTML Button Disabled Attribute - Dofactory

Trang chủ » Html A Tag Disabled » HTML Button Disabled Attribute - Dofactory

Có thể bạn quan tâm

  • SQL SQL Tutorial SQL Reference Connection Strings
  • .NET C# Design Patterns C# Coding Standards C# Code Examples Visual Studio Shortcut Keys
  • HTML HTML Tutorial HTML Reference
  • CSS CSS Tutorial CSS Reference
  • JavaScript JavaScript Tutorial JavaScript Design Patterns
  • SQL
  • .NET
  • HTML
  • CSS
  • JavaScript
Select tutorial
Sql Tutorial Sql Reference Connection Strings
Select tutorial
C# Design Patterns C# Coding Standards C# Code Examples Visual Studio Shortcut Keys
Select tutorial
HTML Tutorial HTML Reference
Select tutorial
CSS Tutorial CSS Reference
Select tutorial
JavaScript Tutorial JavaScript Design Patterns HTML Reference HTML Reference HTML Tags HTML Tag Groups HTML Attributes HTTP Media Types HTTP Methods HTTP Status Codes HTML Country Codes HTML Language Codes HTML Event Attributes HTML Editor HTML Tags HMTL <a> HTML <abbr> HTML <address> HTML <area> HTML <article> HTML <aside> HTML <audio> HTML <b> HTML <base> HTML <blockquote> HTML <body> HTML <br> HTML <button> HTML <canvas> HTML <caption> HTML <cite> HTML <code> HTML <col> HTML <colgroup> HTML <data> HTML <datalist> HTML <dd> HTML <del> HTML <details> HTML <div> HTML <dl> HTML <dt> HTML <em> HTML <embed> HTML <fieldset> HTML <figcaption> HTML <figure> HTML <footer> HTML <form> HTML <h1> to <h6> HTML <head> HTML <header> HTML <hr> HTML <html> HTML <i> HTML <iframe> HTML <img> HTML <input> HTML <ins> HTML <kbd> HTML <label> HTML <legend> HTML <li> HTML <link> HTML <main> HTML <map> HTML <mark> HTML <meta> HTML <meter> HTML <nav> HTML <noscript> HTML <object> HTML <ol> HTML <optgroup> HTML <option> HTML <output> HTML <p> HTML <param> HTML <picture> HTML <pre> HTML <progress> HTML <q> HTML <rp> HTML <rt> HTML <ruby> HTML <samp> HTML <script> HTML <section> HTML <select> HTML <small> HTML <source> HTML <span> HTML <strong> HTML <style> HTML <sub> HTML <summary> HTML <sup> HTML <svg> HTML <table> HTML <tbody> HTML <td> HTML <template> HTML <textarea> HTML <tfoot> HTML <th> HTML <thead> HTML <time> HTML <title> HTML <tr> HTML <track> HTML <u> HTML <ul> HTML <var> HTML <video> HTML <wbr> HTML comment HTML <!DOCTYPE> Deprecated Deprecated Tags Deprecated Attributes Back to HTML Select Tutorial
  • HTML Tutorial
  • HTML Reference
  • CSS Tutorial
  • CSS Reference
  • SQL Tutorial
  • SQL Reference
  • JavaScript Tutorial
  • JavaScript Patterns
  • C# Design Patterns
  • C# Coding Standards
  • Connection Strings
  • Visual Studio Shortcuts
Earn income with your HTML skills Sign up and we'll send you the best freelance opportunities straight to your inbox. We're building the largest freelancing marketplace for people like you. Send Me Opportunities By adding your name & email you agree to our terms, privacy and cookie policies. HTML <button> disabled Attribute HTML <br> HTML <canvas>

The disabled attribute on a <button> tag disables the button.

The button appears grayed out and is unusable.

Example

#

A <button> element with a disabled attribute. The button is unusable.

Click Me <button disabled type="button" onclick="alert('Button was clicked!');">Click Me</button> Try it live

Using disabled

#

Thedisabled attribute specifies that the button is disabled.

The button appears grayed out and is not usable.

Disabled buttons are not included in form submission.

Syntax

#

<button disabled> or <button disabled="disabled">

Values

#

Value Description
disabled Use value 'disabled' or no value at all. Both are valid.

More Examples

#

A <button> element that is not disabled. Clicking the second button toggles the first button's disabled attribute.

My Button Toggle disable <button type="button" id="mybutton" onclick="alert('Button was clicked!');" style="border:1px solid teal;">My Button</button> <br /> <button type="button" onclick="toggle();">Toggle disable</button> <script> let toggle = () => { let element = document.getElementById('mybutton'); let disabled = element.getAttribute("disabled"); if (disabled) { element.removeAttribute("disabled"); } else { element.setAttribute("disabled", "disabled"); } } </script> Try it live

Browser support

#

Here is when disabled support started for each browser:

Chrome 1.0 Sep 2008
Firefox 1.0 Sep 2002
IE/Edge 1.0 Aug 1995
Opera 1.0 Jan 2006
Safari 1.0 Jan 2003

You may also like

#

  • Our HTML button Tag Reference
  • Our HTML disabled Attribute Reference
  • Our CSS Buttons Tutorial

Back to <button> Jack Poorte Jack Poorte Last updated on Sep 30, 2023 Earn income with your HTML skills Sign up and we'll send you the best freelance opportunities straight to your inbox. We're building the largest freelancing marketplace for people like you. Send Me Opportunities By adding your name & email you agree to our terms, privacy and cookie policies. Guides
  • HTML Tables
  • HTML Images
  • HTML Color Names
  • HTML Links
  • HTML Tags
  • HTML Lists
  • HTML Forms
  • HTML Buttons
  • HTML Spaces
  • HTML Checkboxes
  • HTML Editors
  • HTML Comments
On this page
  • disabled Attribute
  • Example
  • Using disabled
  • Syntax
  • Values
  • More Examples
  • Browser support
  • You may also like

Từ khóa » Html A Tag Disabled