Fix autofocus of input fields

This commit is contained in:
James Mills
2021-02-02 16:39:12 +10:00
parent f47e9ba765
commit e34e331101
3 changed files with 67 additions and 65 deletions

View File

@@ -7,7 +7,7 @@
</hgroup> </hgroup>
<form action="/add" method="POST"> <form action="/add" method="POST">
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}"> <input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
<input type="url" name="url" placeholder="Website's URL" aria-label="URL" autocomplete="url" required> <input type="url" name="url" placeholder="Website's URL" aria-label="URL" autocomplete="url" autofocus required>
<button type="submit" class="primary"> <button type="submit" class="primary">
<i class="icss-plus"></i> <i class="icss-plus"></i>
Add Add

View File

@@ -1,7 +1,7 @@
{{define "content"}} {{define "content"}}
<div class="container"> <div class="container">
<form action="/search" method="GET"> <form action="/search" method="GET">
<input type="text" id="search" name="q" placeholder="{{ $.SearchPrompt }}" value="{{ $.SearchQuery }}"> <input type="text" id="search" name="q" placeholder="{{ $.SearchPrompt }}" value="{{ $.SearchQuery }}" autofocus required>
<button id="go" type="submit"> <button id="go" type="submit">
<i class="icss-search"></i> <i class="icss-search"></i>
Go! Go!

View File

@@ -1,7 +1,7 @@
{{define "content"}} {{define "content"}}
<div class="container"> <div class="container">
<form action="/search" method="GET"> <form action="/search" method="GET">
<input type="text" id="search" name="q" placeholder="{{ $.SearchPrompt }}" value="{{ $.SearchQuery }}"> <input type="text" id="search" name="q" placeholder="{{ $.SearchPrompt }}" value="{{ $.SearchQuery }}" autofocus required>
<button id="go" type="submit"> <button id="go" type="submit">
<i class="icss-search"></i> <i class="icss-search"></i>
Go! Go!
@@ -12,7 +12,9 @@
{{ with $.Results }} {{ with $.Results }}
<ol> <ol>
{{ range . }} {{ range . }}
<li><a href="{{ .URL }}">{{ .Title }}</a><p{{ if .Summary }}>{{ .Summary }}{{ else }} class="placeholder">No summary available{{ end }}</p><p class="small"><a href="{{ .URL }}">{{ .URL }}</a> {{ .Length }} <a href="/cache?id={{ .ID }}">View cached</a></p> <li><a href="{{ .URL }}">{{ .Title }}</a>
<p{{ if .Summary }}>{{ .Summary }}{{ else }} class="placeholder">No summary available{{ end }}</p>
<p class="small"><a href="{{ .URL }}">{{ .URL }}</a> {{ .Length }} <a href="/cache?id={{ .ID }}">View cached</a></p>
{{ end }} {{ end }}
</ol> </ol>
<p>If your page appears here and you do not want it to, please contact <a href="/support">Support</a>.</p> <p>If your page appears here and you do not want it to, please contact <a href="/support">Support</a>.</p>