Merge pull request #3 from Ninja-Vikash/attribute

thatonevikash · web-flow · commit 5a273c3a8ea2 · 2024-03-28T21:23:19.000+05:30
new attribute added in input tag
diff --git a/03 - Attributes/README.md b/03 - Attributes/README.md
@@ -142,6 +142,7 @@ Attributes enhance the flexibility and functionality of HTML elements, making th
 | | [min](https://github.com/Ninja-Vikash/HTML-Mastery-Guide/tree/main/03%20-%20Attributes#min-and-max) | 18 | For number and date inputs, specifies the minimum allowed values. |
 | | [max](https://github.com/Ninja-Vikash/HTML-Mastery-Guide/tree/main/03%20-%20Attributes#min-and-max) | 99 | For number and date inputs, specifies the maximum allowed values. |
 | | [pattern](https://github.com/Ninja-Vikash/HTML-Mastery-Guide/tree/main/03%20-%20Attributes#pattern) | [0-9]{5} | Specifies a regular expression pattern that the input value must match for the form to be submitted. |
+| | [accept]() | .jpg, .png, .webp, etc | For describing input file types (extensions like .jpg, .png, .webp, etc) are allowed. |
 
 ### Meta Tag Attributes
 #### Character Encoding
@@ -415,6 +416,13 @@ The `<input>` tag in HTML is a versatile element used to create various form con
 ```
 > Specifies a regular expression pattern that the input value must match for the form to be submitted.
 
+#### accept
+```html
+<input type="file" accept=" .jpg">
+```
+> ![NOTE]\
+> For describing input file types (extensions like .jpg, .png, .webp, etc) are allowed.
+
 These are just a few of the many attributes you can use with the `<input>` tag. The specific attributes you use depend on the type of form control you are creating and the desired behavior of your form.
 
 ## Special Attribute
diff --git a/03 - Attributes/index.html b/03 - Attributes/index.html
@@ -13,6 +13,11 @@ <h2>Navigation Using Anchor tag and using <b>href</b> Attribute.</h2>
     
     <hr>
 
+    <!-- Attributes for input tags -->
+    <h2>Some rare attributes</h2>
+    <input type="file" accept=" .jpg">
+    <input type="text" inputmode="numeric">
+
     <!-- Attributes for media files -->
     <h2>Showing Images using src Attribute and alt Attribute for alternate text for broken images</h2>
     <img src="assets/img.jpg" width="100%" alt="rose">  <!-- Rendering any image from local -->
