Use type=url for input (with novalidate)

To get a nice contextual keyboard on mobile devices¹, we could use <input type="url" in combination with <form novalidate>.

To test properly.

Bash one-liner to change the code base:

grep -RE 'form action="(https://internet.nl)?/(site|mail)/" method="POST"|type="text"' interface -l | xargs -n1 sed -r -i 's@(form action="(https://internet.nl)?/(site|mail)/" method="POST")@\1 novalidate@g;s/(type=)"text"/\1"url"/g'

Update: removed the CSS frontend path, since it doesn't need patching, input[type="url"] is already in the stylesheet:

Internet.nl/frontend/css/style.css

Lines 629 to 636 in 2e00d1e

    
           .block input[type="url"], 
        
           .block input[type="text"] { 
        
             width: 100%; 
        
           } 
        
           .block input[type="email"], 
        
           .block input[type="url"], 
        
           .block input[type="text"] {

¹ e.g. types of iOS keyboards:

Fix internetstandards#943 - Use type=url for input combined with form…

@mxsasha

@mxsasha: I have a patch for this now, I would like to know what you think of making such a change.
It would need some extensive browser testing to be sure (note I also change the embed code).

Fix #943 - Use type=url for input combined with form novalidate (#971)

Navigation Menu

Repository navigation

Use type=url for input (with novalidate) #943

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

	.block input[type="url"],
	.block input[type="text"] {
	width: 100%;
	}

	.block input[type="email"],
	.block input[type="url"],
	.block input[type="text"] {

Use type=url for input (with novalidate) #943

Description

Activity

bwbroersma commented on May 4, 2023

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions