limited char length for input

yasheshshroff · Jan 29, 2022 · 89759fe · 89759fe · vercel · Jul 25, 2022
1 parent 275a246
commit 89759fe
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/static/style.css b/static/style.css
@@ -177,7 +177,7 @@ input[type=textletter] {
     font-family: monospace;
     font-size: 20px;
     padding-left: 3px;
-    letter-spacing: 12px;
+    letter-spacing: 3px;
 }
 
 /*# Alternate Mobile First Redesign CSS 

diff --git a/templates/index.html b/templates/index.html
@@ -25,17 +25,17 @@ <h1>{{message}}</h1>
             <h2>Congratulations, you are about to master Wordle</h2>
             <form action="{{ url_for('wordle') }}" method="post">
                 <label for="use">Letters that must be <b>used</b>:</label>
-                <input id="use" type="textbox" name="use" value="{{ request.form['use'] }}"> <br>
+                <input id="use" type="textbox" name="use" maxlength="5" value="{{ request.form['use'] }}"> <br>
                 <label for="avoid">Letters that must be <b>avoided</b>:</label>
                 <input id="avoid" type="textbox" name="avoid" value="{{ request.form['avoid'] }}">
                 <br>
                 <label for="place">Letter slots known (optional):</label><br>
-                <input id="place1" type="textletter" name="place1" value="{{ request.form['place1'] }}">
-                <input id="place2" type="textletter" name="place2" value="{{ request.form['place2'] }}">
-                <input id="place3" type="textletter" name="place3" value="{{ request.form['place3'] }}">
-                <input id="place4" type="textletter" name="place4" value="{{ request.form['place4'] }}">
-                <input id="place5" type="textletter" name="place5" value="{{ request.form['place5'] }}"><br>
-                <input type="submit">
+                <input id="place1" type="textletter" name="place1" maxlength="1" value="{{ request.form['place1'] }}">
+                <input id="place2" type="textletter" name="place2" maxlength="1" value="{{ request.form['place2'] }}">
+                <input id="place3" type="textletter" name="place3" maxlength="1" value="{{ request.form['place3'] }}">
+                <input id="place4" type="textletter" name="place4" maxlength="1" value="{{ request.form['place4'] }}">
+                <input id="place5" type="textletter" name="place5" maxlength="1" value="{{ request.form['place5'] }}">
+                <br><input type="submit">
             </form>
         </div>
         <br>