git » firstones » commit be3f5ed

http: Make the text input search, and select it on focus

author Alberto Bertogli
2025-06-03 07:03:31 UTC
committer Alberto Bertogli
2025-06-08 13:09:03 UTC
parent 3b131810f81786d3dd71e10947b6a04ffe71a6fa

http: Make the text input search, and select it on focus

http/index.tmpl.html +7 -4
test/http/?.jpg +0 -0
test/http/?words=a<b.jpg +0 -0
test/http/?words=hola.jpg +0 -0

diff --git a/http/index.tmpl.html b/http/index.tmpl.html
index 1bf224a..c0ce0c0 100644
--- a/http/index.tmpl.html
+++ b/http/index.tmpl.html
@@ -41,12 +41,15 @@
 </h1>
 
 <form action="." method="get">
-<input type="text" name="words"
-  autofocus aria-label="Words to convert"
+<input type="search" name="words"
+  aria-label="Words to convert"
+  placeholder="Etheria"
+  tabindex="1"
 {{if .Words}}
-  placeholder="{{.Words | join " "}}"
+  value="{{.Words | join " "}}"
+  onfocus="this.select()"
 {{else}}
-  placeholder="etheria"
+  autofocus
 {{end}}
 />
 <input type="submit" value="✨" aria-label="convert"/>
diff --git a/test/http/?.jpg b/test/http/?.jpg
index 2d86124..8b49d0b 100644
Binary files a/test/http/?.jpg and b/test/http/?.jpg differ
diff --git a/test/http/?words=a<b.jpg b/test/http/?words=a<b.jpg
index bd03c87..e207cef 100644
Binary files a/test/http/?words=a<b.jpg and b/test/http/?words=a<b.jpg differ
diff --git a/test/http/?words=hola.jpg b/test/http/?words=hola.jpg
index 9a08474..42d7458 100644
Binary files a/test/http/?words=hola.jpg and b/test/http/?words=hola.jpg differ