diff --git a/app/static/css/style.css b/app/static/css/style.css
index edf308ba9..b632a0a2f 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -103,7 +103,8 @@ img {
 }
 
 input[type="text"],
-input[type="password"] {
+input[type="password"],
+select {
   padding: 0.4rem;
   font-family: inherit;
   font-size: inherit;
@@ -112,6 +113,10 @@ input[type="password"] {
   box-shadow: inset 0 0 0.2rem 0 rgba(0, 0, 0, 0.15);
 }
 
+select {
+  padding: 0.5rem;
+}
+
 input[type="text"].monospace,
 input[type="password"].monospace {
   font-family: "Overpass Mono", monospace;
diff --git a/app/templates/styleguide.html b/app/templates/styleguide.html
index f9ed27007..e390cd255 100644
--- a/app/templates/styleguide.html
+++ b/app/templates/styleguide.html
@@ -308,6 +308,24 @@ <h2 class="section">Input</h2>
           spellcheck="false"
         />
       </p>
+      <h3 class="section">Select Field</h3>
+      <p>
+        For input fields that only allow for a certain, predefined set of values
+        or options, you can use a select field instead of a free text field.
+      </p>
+      <div>
+        <span>Choose Size:</span>
+        <select style="margin-left: 0.5em">
+          <option>Large</option>
+          <option>Medium</option>
+          <option>Small</option>
+        </select>
+      </div>
+      <p>
+        Unless there is a sensible default option, or for additional
+        clarification, you can use a disabled dummy option as first item to
+        imitate a placeholder text.
+      </p>
       <h3>Font Usage</h3>
       <p>
         Use the default font for input fields that expect “free” or regular