CODEWITHSUNDEEP
html
Anonberg
Anonberg

Reputation: 41

Why is the "true" boolean value the "wrong attribute value"?

I have the following button: 

<button id="=" style=width:150px;height:150px;font-size:100px; onclick="equalFunction()" disabled="true">=</button>

however in the disabled="true" my IDE recognizes the "true" value to be the "wrong attribut value" does anyone know how to solve this? The code still works, its just annoying to see it be highlighted.

Upvotes: 2

Views: 752

Answers (2)

j08691
j08691

Reputation: 208030

According to the HTML5 spec:

A number of attributes in HTML5 are boolean attributes. The presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value.

If the attribute is present, its value must either be the empty string or a value that is a case-insensitive match for the attribute's canonical name, with no leading or trailing whitespace.

So with a boolean attribute like disabled, it's presence alone is enough and it needs no value, although virtually every web browser will still accept it. Therefore, you should use either disabled (alone) or disabled="disabled"

Upvotes: 2

user1532172
user1532172

Reputation:

You don't need to set it to true. Do something like this:

<button id="=" style=width:150px;height:150px;font-size:100px; onclick="equalFunction()" disabled>=</button>

Upvotes: 3

Related Questions