From 53d42c9dcafaeafe58ebc3342b3d10fd2151b0a3 Mon Sep 17 00:00:00 2001
From: "Benjamin W. Broersma" <bw@broersma.com>
Date: Sun, 15 Sep 2024 12:25:56 +0200
Subject: [PATCH] Use inputmode=url

Fix #1328 by running:

    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") novalidate@\1@g;s/(type=)"(url|email)"/\1"text" inputmode="url"/g'
---
 interface/templates/base-results.html | 8 ++++----
 interface/templates/index.html        | 8 ++++----
 interface/templates/test-mail.html    | 4 ++--
 interface/templates/test-site.html    | 4 ++--
 interface/templates/widget-mail.html  | 4 ++--
 interface/templates/widget-site.html  | 4 ++--
 6 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/interface/templates/base-results.html b/interface/templates/base-results.html
index c8c7d022c..e9ee08204 100644
--- a/interface/templates/base-results.html
+++ b/interface/templates/base-results.html
@@ -131,10 +131,10 @@ <h2 id="{{probe.name}}" class="{{probe.verdict}}">
        <h2>
          {% include "string.html" with name="results test website label" %}
        </h2>
-       <form action="/site/" method="POST" novalidate>
+       <form action="/site/" method="POST">
          <label class="text-input" for="web-url">
            {% include "string.html" with name="base test website input" %}
-           <input id="web-url" type="url" name="url" placeholder="www.example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
+           <input id="web-url" type="text" inputmode="url" name="url" placeholder="www.example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
          </label>
          <div class="contains-button">
            <button>
@@ -163,11 +163,11 @@ <h3>
        <h2>
          {% include "string.html" with name="results test email label" %}
        </h2>
-       <form action="/mail/" method="POST" novalidate>
+       <form action="/mail/" method="POST">
          <label class="text-input" for="mail-url">
            {% include "string.html" with name="base test mail input" %}
            <span class="emailfield before">
-             <input id="mail-url" class="email" type="url" name="url" placeholder="example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
+             <input id="mail-url" class="email" type="text" inputmode="url" name="url" placeholder="example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
            </span>
          </label>
          <div class="contains-button">
diff --git a/interface/templates/index.html b/interface/templates/index.html
index 28c72dbd2..dc6d9b63d 100644
--- a/interface/templates/index.html
+++ b/interface/templates/index.html
@@ -22,9 +22,9 @@ <h2>{% include "string.html" with name="base test website label" %}</h2>
                 <a href="/test-site/">{% include "string.html" with name="base test explain" %}</a>
               </p>
             </div>
-            <form action="/site/" method="POST" novalidate>
+            <form action="/site/" method="POST">
               <label class="text-input" for="web-url">{% include "string.html" with name="base test website input" %}
-              <input id="web-url" type="url" name="url" placeholder="www.example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
+              <input id="web-url" type="text" inputmode="url" name="url" placeholder="www.example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
               </label>
               <div class="contains-button">
                 <button>{% include "string.html" with name="base test start" %}</button>
@@ -41,10 +41,10 @@ <h2>{% include "string.html" with name="base test mail label" %}</h2>
                 <a href="/test-mail/">{% include "string.html" with name="base test explain" %}</a>
               </p>
             </div>
-            <form action="/mail/" method="POST" novalidate>
+            <form action="/mail/" method="POST">
               <label class="text-input" for="mail-url">{% include "string.html" with name="base test mail input" %}
                 <span class="emailfield before">
-                <input id="mail-url" class="email" type="url" name="url" placeholder="example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
+                <input id="mail-url" class="email" type="text" inputmode="url" name="url" placeholder="example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
                 </span>
               </label>
               <div class="contains-button">
diff --git a/interface/templates/test-mail.html b/interface/templates/test-mail.html
index 448fb2cac..4efa7edc3 100644
--- a/interface/templates/test-mail.html
+++ b/interface/templates/test-mail.html
@@ -5,10 +5,10 @@
       <h1>{% include "string.html" with name="base test mail title" %}</h1>
       {% include "content.html" with name="base test mail explain" %}
     </div>
-    <form action="/mail/" method="POST" novalidate>
+    <form action="/mail/" method="POST">
       <label class="text-input" for="mail-url">{% include "string.html" with name="base test mail input" %}
         <span class="emailfield before">
-          <input id="mail-url" class="email" type="url" name="url" placeholder="example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
+          <input id="mail-url" class="email" type="text" inputmode="url" name="url" placeholder="example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
         </span>
       </label>
       {% if request.GET.invalid != None %}
diff --git a/interface/templates/test-site.html b/interface/templates/test-site.html
index c3efd56a6..f727564fa 100644
--- a/interface/templates/test-site.html
+++ b/interface/templates/test-site.html
@@ -5,9 +5,9 @@
       <h1>{% include "string.html" with name="base test website title" %}</h1>
       {% include "content.html" with name="base test website explain" %}
     </div>
-    <form action="/site/" method="POST" novalidate>
+    <form action="/site/" method="POST">
       <label class="text-input" for="web-url">{% include "string.html" with name="base test website input" %}
-        <input id="web-url" type="url" name="url" placeholder="www.example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
+        <input id="web-url" type="text" inputmode="url" name="url" placeholder="www.example.nl" autocorrect="off" autocapitalize="none" spellcheck="false">
       </label>
       {% if request.GET.invalid != None %}
       <div class="invalid-domain">
diff --git a/interface/templates/widget-mail.html b/interface/templates/widget-mail.html
index f16dc0644..daa4ff715 100644
--- a/interface/templates/widget-mail.html
+++ b/interface/templates/widget-mail.html
@@ -5,14 +5,14 @@
     {% include "content.html" with name="widget mail intro" %}
     <h2><label for="html-block">HTML</label></h2>
     <div>
-    <textarea id="html-block" readonly>&lt;form action="https://internet.nl/mail/" method="POST" novalidate&gt;
+    <textarea id="html-block" readonly>&lt;form action="https://internet.nl/mail/" method="POST"&gt;
   &lt;p&gt;
     &lt;img class="internetnl" src="https://internet.nl/static/logo_en.svg" alt="{% translate 'page sitedescription' %}"/&gt;
     {% translate 'widget mail html-block' %}
   &lt;/p&gt;
   &lt;label for="internetnl-mail-url"&gt;{% translate 'base test mail input'%}&lt;/label&gt;
   &lt;span class="internetnl emailfield"&gt;
-    &lt;input id="internetnl-mail-url" type="url" name="url" placeholder="example.nl"&gt;
+    &lt;input id="internetnl-mail-url" type="text" inputmode="url" name="url" placeholder="example.nl"&gt;
   &lt;/span&gt;
   &lt;button class="internetnl"&gt;{% translate 'base test start'%}&lt;/button&gt;
 &lt;/form&gt;</textarea>
diff --git a/interface/templates/widget-site.html b/interface/templates/widget-site.html
index a7fadbd51..8e6193d8f 100644
--- a/interface/templates/widget-site.html
+++ b/interface/templates/widget-site.html
@@ -5,13 +5,13 @@
     {% include "content.html" with name="widget site intro" %}
     <h2><label for="html-block">HTML</label></h2>
     <div>
-    <textarea id="html-block" readonly>&lt;form action="https://internet.nl/site/" method="POST" novalidate&gt;
+    <textarea id="html-block" readonly>&lt;form action="https://internet.nl/site/" method="POST"&gt;
   &lt;p&gt;
     &lt;img class="internetnl" src="https://internet.nl/static/logo_en.svg" alt="{% translate 'page sitedescription' %}"/&gt;
     {% translate 'widget site html-block' %}
   &lt;/p&gt;
   &lt;label for="internetnl-site-url"&gt;{% translate 'base test website input'%}&lt;/label&gt;
-  &lt;input id="internetnl-site-url" type="url" name="url" placeholder="www.example.nl"&gt;
+  &lt;input id="internetnl-site-url" type="text" inputmode="url" name="url" placeholder="www.example.nl"&gt;
   &lt;button class="internetnl"&gt;{% translate 'base test start'%}&lt;/button&gt;
 &lt;/form&gt;</textarea>
     </div>