logo

HTML ボタンが無効になっています

' 無効 ' は HTML のタグの属性で、ボタンが無効であることを示すために使用されます。これはブール属性です。無効化されたボタンはクリックに使用できず、灰色で表示されます。

構文

 Text you want to show on the button 

例: 次の例では、別のボタンを使用して無効にしています。

例 1: 次の例では、送信ボタンを無効にします。

 Example of Submit Disabled /* The following tag selector body use the font-family and background-color properties for body of a page*/ body { font-family: Calibri, Helvetica, sans-serif; background-color: pink; } /* Following container class used padding for generate space around it, and also use a background-color for specify the color lightblue as a background */ .container { padding: 50px; background-color: lightblue; } /* The following tag selector input uses the different properties for the text filed. */ input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus { background-color: orange; outline: none; } div { padding: 10px 0; } /* The following tag selector button uses the different properties for the Button. */ button { color: red; padding: 16px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; opacity: 0.9; } Firstname: Middlename: Lastname: Gender : <br> Male Female Other Email: In this example, the disabled attribute is used to disable the Reset button. If you fill the form and then click on the &apos;Reset a form&apos; button, then it will not reset the values of the above form. Reset a Form 
今すぐテストしてください

出力:

HTML ボタンが無効になっています

ブラウザのサポート

要素 クロムブラウザクロム つまりブラウザIE FirefoxブラウザFirefox オペラブラウザオペラ サファリブラウザサファリ
はいはいはいはいはい