Should expect website URLs to be in lowercase

AI-generated summary

Users are discussing the issue of website URLs defaulting to uppercase in a profile settings field. jidanni points out that URLs typically start with lowercase “https” and suggests pre-filling the field with “https://”. Jagster attributes the issue to phones and operating systems that capitalize the first letter of text fields.

merefield suggests that using style sheets to force lowercase text would be counterproductive. renato recommends changing the input type from “text” to “url” and using the autocapitalize="off" attribute to prevent capitalization. RGJ agrees that using type="url" would also change the keyboard layout on most phones to a more convenient one for URL input.

Canapin notes that this issue often occurs when editing text on a smartphone, where deleting content and re-writing it can cause the keyboard to automatically capitalize the first letter.

Website URLs all start with lowercase “https” these days, so I don’t know why the software made my keyboard switch to uppercase when entering this profile settings field. Same on the Meta site.

(Yes, I know. It’s not the end of the world. I can still just tap my keyboard and make it lowercase.)

Hmmm.., you might as well pre-fill in the https:// in for the user.

3 Likes

Quite common issue nowadays. I can be wrong, but it comes from phone/operating system that wants start texts with capital letter and that is marked as textfield.

4 Likes

But still you have finer grain control with you can exercise through the style sheets.

1 Like

Style sheets are only going to force how text is displayed. You definitely don’t want to hide capital letters here (as that would be counter-productive).

Agree that this could be improved by putting https:// in front of the text box and forcing lowercase commit.

3 Likes

Not with CSS, but we could improve it a little bit changing the input from type="text" to type="url" or enforcing a non-capitalization with autocapitalize="off".

8 Likes

<input type="url"> will also change the keyboard on most phones to something convenient for URL input.

(@renato beat me to this in 0.5 seconds ;))

8 Likes

Question for the experts: a case where this behavior is often unwanted from me is when I do a fast edit on a smartphone.

Most of the time, the text I’m editing doesn’t start with an uppercase letter, and if I delete all the content from the fast edit field to re-write it (like, changing a word for another one), the keyboard layout will automatically turn the uppercase ON for the first letter about to be typed.

I suppose this can’t be avoided?

1 Like