Add maxlength to all inputs

Because the children broke things with it.

html/static/js/address-or-report-suggestion.js

@@ -232,7 +232,7 @@ class AddressOrReportInput extends HTMLElement {
 			
 			<div class="input-group">
 				<span class="input-group-text"><i class="fas fa-search"></i></span>
-				<input type="text" class="form-control form-control-lg" id="addressSearch" name="address" placeholder="${placeholder}">
+				<input type="text" class="form-control form-control-lg" id="addressSearch" maxlength="200" name="address" placeholder="${placeholder}">
 				<div id="suggestions" class="suggestions-container list-group"></div>
 			</div>
 		`;

html/static/js/address-suggestion.js

@@ -184,7 +184,7 @@ class AddressInput extends HTMLElement {
 			</style>
 			
 			<label for="addressInput" class="form-label">Enter address</label>
-			<input type="text" class="form-control" id="address" name="address" placeholder="${placeholder}">
+			<input class="form-control" id="address" maxlength="200" name="address" placeholder="${placeholder}" type="text">
 			<div id="suggestions" class="suggestions-container list-group"></div>
 		`;
 	}

rmo/template/nuisance.html

@@ -517,6 +517,7 @@ document.addEventListener('DOMContentLoaded', function() {
 							<textarea
 								class="form-control"
 								id="additionalInfo"
+								maxlength="2048"
 								name="additional-info"
 								rows="4"
 								placeholder="Additional details about the mosquito issue..."

rmo/template/submit-complete.html

@@ -65,6 +65,7 @@
 											type="text"
 											class="form-control"
 											id="name"
+											maxlength="100"
 											name="name"
 											placeholder="Adam Smith"
 										/>
@@ -91,6 +92,7 @@
 											type="email"
 											class="form-control"
 											id="email"
+											maxlength="200"
 											name="email"
 											placeholder="your@email.com"
 										/>
@@ -119,6 +121,7 @@
 											type="tel"
 											class="form-control"
 											id="phone"
+											maxlength="100"
 											name="phone"
 											placeholder="(123) 456-7890"
 										/>

rmo/template/water.html

@@ -205,6 +205,7 @@ document.addEventListener('DOMContentLoaded', function() {
 							<textarea
 								class="form-control"
 								id="comments"
+								maxlength="2048"
 								name="comments"
 								rows="4"
 								placeholder="Example: The house appears to be vacant. There is algae growth in the pool. I've noticed increased mosquito activity in the evenings."
@@ -375,6 +376,7 @@ document.addEventListener('DOMContentLoaded', function() {
 								<textarea
 									class="form-control"
 									id="access-comments"
+									maxlength="1024"
 									name="access-comments"
 									rows="3"
 									placeholder="Example: The pool is in the backyard, which can be accessed through a side gate on the right side of the house."
@@ -464,6 +466,7 @@ document.addEventListener('DOMContentLoaded', function() {
 									type="text"
 									class="form-control"
 									id="owner-name"
+									maxlength="100"
 									name="owner-name"
 								/>
 							</div>
@@ -473,6 +476,7 @@ document.addEventListener('DOMContentLoaded', function() {
 									type="tel"
 									class="form-control"
 									id="owner-phone"
+									maxlength="50"
 									name="owner-phone"
 								/>
 							</div>
@@ -482,6 +486,7 @@ document.addEventListener('DOMContentLoaded', function() {
 									type="email"
 									class="form-control"
 									id="owner-email"
+									maxlength="100"
 									name="owner-email"
 								/>
 							</div>