Eerste opmaak van zoekformulier

This commit is contained in:
Michael Boelen 2023-05-21 19:14:37 +02:00
parent 5801e08de0
commit 25b3df67d8
2 changed files with 8 additions and 3 deletions

View file

@ -0,0 +1,6 @@
form.search input {
border-radius: 10px;
border: 3px solid darkgray;
font-size: 1.2em;
padding: 15px 20px;
}

View file

@ -1,4 +1,3 @@
<form action="/zoeken/" method="GET"> <form class="search" action="/zoeken/" method="GET">
🔍 <input type="search" name="q" id="search-query" placeholder="Zoekterm.."> <input type="search" name="q" id="search-query" placeholder="Zoekterm..." autofocus minlength="2" maxlength="32" pattern="[a-zA-Z0-9._%+-]{2,}$">
<button type="submit">Zoek</button>
</form> </form>