Update

BackendExpert · JehanKandy · VinuraPathirana · BackendExpert · commit a94a36743e22 · 2024-01-24T19:37:51.000+05:30
Co-Authored-By: JehanKandy  &lt;jehankandy@gmail.com&gt;
Co-Authored-By: Vinura Pathirana &lt;154809219+VinuraPathirana@users.noreply.github.com&gt;
diff --git a/jkcss/forms/forms.css b/jkcss/forms/forms.css
@@ -1,4 +1,4 @@
-.control-jkforms {
+.control-jkforms, input[type=password] {
   width: 100%;
   border: 1px solid rgb(187, 187, 187);
   height: 35px;
@@ -12,7 +12,7 @@
   margin: 10px 0;
 }
 
-.control-jkforms:focus {
+.control-jkforms:focus, input[type=password]:focus {
   background-color: rgb(245, 245, 245);
   border: 1px solid rgb(184, 183, 183);
 }
diff --git a/jkcss/forms/forms.html b/jkcss/forms/forms.html
@@ -27,15 +27,19 @@ <h1 class="jk-display-6"> HTML Basic Forms</h1><br>
 
             <div class="example-content">
                 <label>Username : </label>
-                <input type="text" name="" id="" class="control-jkforms"><br>
-                <label>Username : </label>
-                <input type="password" name="" id="" class="control-jkforms"><br>
-                <label>Username : </label>
-                <input type="text" name="" id="" class="control-jkforms"><br>
+                <input type="text" class="control-jkforms"><br>
 
+                <label>Password : </label>
+                <input type="password" class="control-jkforms"><br>
             </div>
 
 
+
+
+
+            
+
+
         </section>
 
     </div>
diff --git a/jkcss/forms/forms.min.css b/jkcss/forms/forms.min.css
diff --git a/jkcss/forms/forms.scss b/jkcss/forms/forms.scss
@@ -16,4 +16,7 @@
     border: 1px solid rgb(184, 183, 183);    
 }
 
+input[type=password]{
+    @extend .control-jkforms;
+}
 
diff --git a/jkcss/jkcss.css b/jkcss/jkcss.css
@@ -369,7 +369,7 @@ hr {
   border: 1px solid rgba(185, 185, 185, 0.616);
 }
 
-.control-jkforms {
+.control-jkforms, input[type=paswsword] {
   width: 100%;
   border: 1px solid rgb(187, 187, 187);
   height: 35px;
@@ -383,7 +383,7 @@ hr {
   margin: 10px 0;
 }
 
-.control-jkforms:focus {
+.control-jkforms:focus, input[type=paswsword]:focus {
   background-color: rgb(245, 245, 245);
   border: 1px solid rgb(184, 183, 183);
 }
diff --git a/jkcss/jkcss.min.css b/jkcss/jkcss.min.css

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.control-jkforms {`
	`1`	`+.control-jkforms, input[type=password] {`
`2`	`2`	`width: 100%;`
`3`	`3`	`border: 1px solid rgb(187, 187, 187);`
`4`	`4`	`height: 35px;`
`@@ -12,7 +12,7 @@`
`12`	`12`	`margin: 10px 0;`
`13`	`13`	`}`
`14`	`14`
`15`		`-.control-jkforms:focus {`
	`15`	`+.control-jkforms:focus, input[type=password]:focus {`
`16`	`16`	`background-color: rgb(245, 245, 245);`
`17`	`17`	`border: 1px solid rgb(184, 183, 183);`
`18`	`18`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,4 +16,7 @@`
`16`	`16`	`border: 1px solid rgb(184, 183, 183);`
`17`	`17`	`}`
`18`	`18`
	`19`	`+input[type=password]{`
	`20`	`+ @extend .control-jkforms;`
	`21`	`+}`
`19`	`22`
Original file line number	Diff line number	Diff line change
`@@ -369,7 +369,7 @@ hr {`
`369`	`369`	`border: 1px solid rgba(185, 185, 185, 0.616);`
`370`	`370`	`}`
`371`	`371`
`372`		`-.control-jkforms {`
	`372`	`+.control-jkforms, input[type=paswsword] {`
`373`	`373`	`width: 100%;`
`374`	`374`	`border: 1px solid rgb(187, 187, 187);`
`375`	`375`	`height: 35px;`
`@@ -383,7 +383,7 @@ hr {`
`383`	`383`	`margin: 10px 0;`
`384`	`384`	`}`
`385`	`385`
`386`		`-.control-jkforms:focus {`
	`386`	`+.control-jkforms:focus, input[type=paswsword]:focus {`
`387`	`387`	`background-color: rgb(245, 245, 245);`
`388`	`388`	`border: 1px solid rgb(184, 183, 183);`
`389`	`389`	`}`