update

wolfrepos · Aug 21, 2023 · 3cc801e · 3cc801e
1 parent 81c1e02
commit 3cc801e
Showing 1 changed file with 50 additions and 13 deletions.
diff --git a/avtokg/search/index.html b/avtokg/search/index.html
@@ -1,6 +1,11 @@
 <!DOCTYPE html>
 <html>
 <style>
+label {
+  font-size: 24px;
+  display: block;
+}
+
 input[type=text], select {
   width: 100%;
   padding: 12px 20px;
@@ -9,6 +14,18 @@
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
+  font-size: 24px;
+}
+
+input[type=number] {
+  width: 49%;
+  padding: 12px 20px;
+  margin: 8px 0;
+  display: inline-block;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+  font-size: 24px;
 }
 
 input[type=submit] {
@@ -34,21 +51,41 @@
 </style>
 <body>
 
-<h3>Using CSS to style an HTML Form</h3>
+<h3>Какую машину хочешь брат?!</h3>
 
 <div>
-  <form action="/action_page.php">
-    <label for="fname">First Name</label>
-    <input type="text" id="fname" name="firstname" placeholder="Your name..">
-
-    <label for="lname">Last Name</label>
-    <input type="text" id="lname" name="lastname" placeholder="Your last name..">
-
-    <label for="country">Country</label>
-    <select id="country" name="country">
-      <option value="australia">Australia</option>
-      <option value="canada">Canada</option>
-      <option value="usa">USA</option>
+  <form>
+    <label for="brand">Марка</label>
+    <select id="brand" name="brand">
+      <option value="any">Любая</option>
+      <option value="audi">Audi</option>
+      <option value="bmw">BMW</option>
+      <option value="chevrolet">Chevrolet</option>
+      <option value="daewoo">Daewoo</option>
+    </select>
+
+    <label for="model">Модель</label>
+    <select id="model" name="model">
+      <option value="any">Любая</option>
+      <option value="audi">Audi</option>
+      <option value="bmw">BMW</option>
+      <option value="chevrolet">Chevrolet</option>
+      <option value="daewoo">Daewoo</option>
+    </select>
+
+    <label for="price">Цена в $</label>
+    <input type="number" id="price-min" name="price-min" placeholder="От">
+    <input type="number" id="price-max" name="price-max" placeholder="До">
+
+    <label for="year">Год</label>
+    <select id="year" name="year">
+      <option value="any">Любой</option>
+      <option value="2023">2023</option>
+      <option value="2022">2022</option>
+      <option value="2021">2021</option>
+      <option value="2020">2020</option>
+      <option value="2019">2019</option>
+      <option value="2018">2018</option>
     </select>
 
     <input type="submit" value="Submit">