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

@@ -1,23 +1,25 @@
{{define "content"}}
<div class="container">
<form action="/search" method="GET">
<input type="text" id="search" name="q" placeholder="{{ $.SearchPrompt }}" value="{{ $.SearchQuery }}">
<button id="go" type="submit">
<i class="icss-search"></i>
Go!
</button>
</form>
</div>
<article class="container">
{{ with $.Results }}
<ol>
{{ 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>
<div class="container">
<form action="/search" method="GET">
<input type="text" id="search" name="q" placeholder="{{ $.SearchPrompt }}" value="{{ $.SearchQuery }}" autofocus required>
<button id="go" type="submit">
<i class="icss-search"></i>
Go!
</button>
</form>
</div>
<article class="container">
{{ with $.Results }}
<ol>
{{ 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>
{{ end }}
</ol>
<p>If your page appears here and you do not want it to, please contact <a href="/support">Support</a>.</p>
{{ else }}
<p>No search results</p>
{{ end }}
</article>
</ol>
<p>If your page appears here and you do not want it to, please contact <a href="/support">Support</a>.</p>
{{ else }}
<p>No search results</p>
{{ end }}
</article>
{{end}}