-
Notifications
You must be signed in to change notification settings - Fork 508
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
html/input: Lowercase attributes #1024
Conversation
Attributes are case-insensitive, and they are conventionally written in lowercase to reduce confusion. It seems this particular example accidentally used the naming of the IDL property (which is different from the DOM attribute). In most cases the only difference is the casing, but in some cases (such as node.className vs "class"), the name is different entirely. In general to avoid confusion, attributes should consistently be written in lowercase.
💖 Thanks for opening this pull request! 💖 |
@@ -4,7 +4,7 @@ | |||
<div class="username"> | |||
<label for="uname">Username:</label> | |||
<input type="text" id="uname" name="uname" required | |||
minLength="4" maxLength="8" | |||
minlength="4" maxLength="8" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I suppose we should fix maxlength
at the same time :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for your contribution @Krinkle !
Congrats on merging your first pull request! 🎉🎉🎉 |
* upstream/master: (33 commits) Add HTML example for <a> (issue mdn#1014) (mdn#1022) fix(tabbed): load fonts as part of the editor css as @font-face does not work inside shadow dom (mdn#1015) html/input: Lowercase attributes (mdn#1024) Add color-adjust property example (mdn#1008) chore(deps): update dependency eslint to v5.1.0 (mdn#1023) chore(community): add @goodwin64 as contributor (mdn#1021) chore(community): add @dagolinuxoid as contributor (mdn#1020) chore(community): add @arai-a as contributor (mdn#1019) chore(community): add @ro-ka as contributor (mdn#1018) Issue mdn#1013 <style> elements in HTML editor break editor's render method (mdn#1017) chore(deps): update jest monorepo to v23.3.0 (mdn#1012) Issue#946 open links in new tab (mdn#1009) Send metric only during loading event (mdn#1011) fix(performance): only send loading mark inside loading event (mdn#1010) chore(deps): update dependency prettier to v1.13.7 (mdn#1006) fix(address): add name to the provided address (mdn#1004) chore(community): add @Arkangus as contributor (mdn#1002) Correct "expected output" mistake (mdn#1000) fix(performance): send post to kuma for custom ie-load-event-end metric (mdn#1001) chore(deps): update jest monorepo to v23.2.0 (mdn#993) ...
Attributes are case-insensitive, and they are conventionally written
in lowercase to reduce confusion.
It seems this particular example accidentally used the naming of
the IDL property (which is different from the DOM attribute).
In most cases the only difference is the casing, but in some cases
(such as node.className vs "class"), the name is different entirely.
In general to avoid confusion, attributes should consistently be
written in lowercase.