Are colon and equal sign the same thing?


Please see line #12 and line #13.
The input type text, I have inadvertently used both the colon and the equal sign.
The code passed.

I’m not understanding when/how to use them differently. And why/how this code worked.

you should put the text between quotes mark

  • = sign is used to assign a value to an attribute in html
  • : sign is used to assign a value to a property in css.

In this case, type:text is invalid, but since the default type for <input> tag is text, the code passes anyway. You can test this by doing the same for email or password (ie. type:email or type:password), the input will default to text, and the code won’t pass.

1 Like