{"id":5775,"date":"2022-01-10T07:00:00","date_gmt":"2022-01-10T01:30:00","guid":{"rendered":"https:\/\/selfimagination.in\/tips\/?p=5775"},"modified":"2022-07-19T15:58:51","modified_gmt":"2022-07-19T10:28:51","slug":"html-input-tag","status":"publish","type":"post","link":"https:\/\/selfimagination.in\/tips\/html-input-tag\/","title":{"rendered":"INPUT TAG All Attributes Detail"},"content":{"rendered":"\n<ol class=\"wp-block-list\"><li><strong>List of Attribute<\/strong> <strong>of Input Tag<\/strong><ul><li><strong>Common For All Input<\/strong> <strong>Types<\/strong><ul><li>type<ul><li><strong>String Fields<\/strong> (text, email, url, search, password, tel)<\/li><li><strong>Number Fields<\/strong> (number)<\/li><li><strong>Buttons<\/strong> (button, submit, reset)<\/li><li><strong>Selection<\/strong> (checkbox, radio)<\/li><li><strong>Date Time<\/strong> (date, time, datetime-local, week, month)<\/li><li><strong>Other<\/strong> (file, color, range)<\/li><\/ul><\/li><li>name<\/li><li>id<\/li><li>autofocus<\/li><li>disabled<\/li><li>title<\/li><\/ul><\/li><li><strong style=\"color: initial;\">Other<\/strong><ul><li>value<\/li><li>readonly<\/li><li>list<\/li><li>placeholder<\/li><li>size<\/li><\/ul><\/li><li><strong>Validation Related<\/strong><ul><li>form<\/li><li>required<\/li><li>maxlength, minlength<\/li><li>pattern<\/li><li>max, min, step<\/li><\/ul><\/li><li><strong>For Input type=&#8221;Image<\/strong>&#8221; (alt, height, width, src)<\/li><li><strong>For input type = &#8220;submit&#8221; or &#8220;Image&#8221;<\/strong> (formaction, formenctype, formmethod, formtarget, formnovalidate)<\/li><li><strong>For input type=&#8221;checkbox&#8221; or &#8220;radio&#8221;<\/strong> (checked)<\/li><li><strong>For input type=&#8221;file&#8221;<\/strong> (multiple)<\/li><\/ul><\/li><li><strong>Bootstrap Class for Input Tag<\/strong><ul><li>form-control<\/li><li>form-check-input<\/li><li>form-control-color<\/li><\/ul><\/li><li><strong>Operation on Input Tag<\/strong> <strong>Using JavaScript<\/strong><ul><li>How to Get Attribute Using JavaScript<\/li><li>How to Set Attribute Using JavaScript<\/li><\/ul><\/li><li><strong>Operation <strong>on Input Tag<\/strong> Using jQuery<\/strong><ul><li>How to Get Attribute Using jQuery<\/li><li>How to Set Attribute Using jQuery<\/li><\/ul><\/li><li><strong>Form Submission<\/strong><ul><li>How to Submit Value Using Form<\/li><li>How to Set Attribute Using PHP<\/li><\/ul><\/li><li><strong>Dynamic Creation of Input Tag<\/strong><ul><li>How to Dynamic Create Element Using PHP<\/li><li>How to Dynamic DOM Creation Using JavaScript<\/li><\/ul><\/li><\/ol>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1. List of Attribute<\/h2>\n\n\n\n<p>\u0915\u093f\u0938\u0940 \u092d\u0940 tag \u0915\u0940 \u092c\u0939\u0941\u0924 \u0938\u0947 Attribute \u0914\u0930 Properties \u0939\u094b\u0924\u0940 \u0939\u0948\u0902, \u0928\u093f\u092e\u094d\u0928 Image \u092e\u0947 \u091c\u094b Red Colour \u0938\u0947 \u0926\u093f\u0916\u093e\u0908 \u0926\u0947 \u0930\u0939\u0940 \u0939\u0948\u0902 \u0935\u0939 \u0938\u092d\u0940 Input tag \u0915\u0947 attribute \u0939\u0948\u0902 \u0964 type attribute \u0915\u0947 \u0905\u0928\u0941\u0938\u093e\u0930 attribute \u092c\u0926\u0932\u0924\u0947 \u0930\u0939\u0924\u0947 \u0939\u0948\u0902 , \u092f\u0926\u093f \u0915\u0940 \u091c\u0948\u0938\u0947 \u091c\u0948\u0938\u0947 \u0939\u092e input type \u092c\u0926\u0932\u0924\u0947 \u0939\u0948\u0902 attribute \u092d\u0940 \u0909\u0938\u0915\u0947 \u0905\u0928\u0941\u0938\u093e\u0930 \u092c\u0926\u0932\u0928\u0947 \u0939\u094b\u0924\u0947 \u0939\u0948\u0902 <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-22.png?resize=640%2C368&#038;ssl=1\" alt=\"Input Attributes\" class=\"wp-image-5848\" width=\"640\" height=\"368\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-22.png?resize=1024%2C589&amp;ssl=1 1024w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-22.png?resize=300%2C173&amp;ssl=1 300w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-22.png?resize=768%2C442&amp;ssl=1 768w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-22.png?w=1133&amp;ssl=1 1133w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">TYPE Attribute <\/h2>\n\n\n\n<p>type \u0915\u0947 \u0905\u0928\u0941\u0938\u093e\u0930 \u0915\u093f\u0938\u0940 \u092d\u0940 Input \u0915\u093e Look \u092c\u0926\u0932 \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0914\u0930 \u0909\u0938\u0938\u0947 \u0938\u0902\u092c\u0902\u0927\u093f\u0924 icon \u0906\u0926\u093f \u0926\u093f\u0916\u093e\u0908 \u0926\u0947\u0928\u0947 \u0932\u0917\u0924\u0947 \u0939\u0948\u0902 \u0938\u093e\u0925 \u092e\u0947 validation \u0915\u0947 \u0938\u092e\u092f \u092d\u0940 \u0939\u092e\u0947 \u091c\u094d\u092f\u093e\u0926\u093e Coding \u0928\u0939\u0940\u0902 \u0915\u0930\u0928\u0940 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 \u0906\u0907\u090f \u0939\u092e \u090f\u0915 \u090f\u0915 \u0915\u0930 \u0938\u092d\u0940 \u092a\u094d\u0930\u0915\u093e\u0930 \u0915\u0947 Input type \u0915\u094b \u0938\u092e\u091d\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>1. Text : <\/strong>\u091c\u092c \u092d\u0940 \u0939\u092e\u0947 \u0915\u094b\u0908 \u092d\u0940 text \u091c\u093f\u0938\u092e\u0947 Alphanumeric Type \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u092c \u0939\u092e Text \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"189\" height=\"28\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-2.png?resize=189%2C28&#038;ssl=1\" alt=\"input type text\" class=\"wp-image-5814\"\/><\/figure>\n\n\n\n<p><strong>2. Email :<\/strong> \u092f\u0926\u093f \u0939\u092e\u0947 \u0915\u093f\u0938\u0940 Field \u092e\u0947 email Address Type \u0915\u0930\u0935\u093e\u0928\u093e \u0939\u0948\u0902 \u0924\u094b \u0906\u092a email \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0947 \u0964 \u092f\u0939 \u090f\u0915 \u0924\u0930\u0939 \u0938\u0947 Text \u0939\u0940 \u0939\u0948\u0902 \u0932\u0947\u0915\u093f\u0928 \u091c\u092c \u0939\u092e Form \u0915\u094b Submit \u0915\u0930\u0947\u0902\u0917\u0947 \u0924\u094b \u0906\u092a\u0915\u094b \u0905\u0932\u0917 \u0938\u0947 Email Validation \u0928\u0939\u0940\u0902 \u0932\u0917\u093e\u0928\u093e \u0939\u094b\u0917\u093e ,<a href=\"https:\/\/selfimagination.in\/tips\/php-validation-filter-var-preg_match\/\"> \u092f\u0926\u093f \u0906\u092a PHP Validation \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u091c\u093e\u0928\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u092f\u0939\u093e\u0901 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947 <\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"186\" height=\"28\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-3.png?resize=186%2C28&#038;ssl=1\" alt=\"input type email\" class=\"wp-image-5815\"\/><\/figure>\n\n\n\n<p><strong>3. URL :<\/strong> \u091c\u092c \u092d\u0940 \u0939\u092e\u0947 \u0915\u093f\u0938\u0940 \u092d\u0940 Text \u092e\u0947 Address \u092f\u093e Web Path Input \u0932\u0947\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e URL \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 \u092f\u0939 \u092d\u0940 Text \u0939\u0940 \u0939\u0948\u0902 \u0907\u0938\u092e\u0947 \u092d\u0940 Submit \u0915\u0930\u0928\u0947 \u092a\u0930 \u0905\u0932\u0917 \u0938\u0947 Validation \u0928\u0939\u0940\u0902 \u0932\u0917\u093e\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"182\" height=\"26\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-4.png?resize=182%2C26&#038;ssl=1\" alt=\"input type url\" class=\"wp-image-5818\"\/><\/figure>\n\n\n\n<p><br><strong>4. Search :<\/strong> \u092f\u0926\u093f \u0906\u092a \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0915\u0940 \u0906\u092a\u0915\u094b Text \u0915\u0947 Right \u092e\u0947 \u090f\u0915 Close Button \u092d\u0940 Show \u0939\u094b\u0928\u0947 \u0932\u0917\u0947 \u0924\u094b \u0906\u092a Search Type \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"186\" height=\"26\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-5.png?resize=186%2C26&#038;ssl=1\" alt=\"input type search\" class=\"wp-image-5820\"\/><\/figure>\n\n\n\n<p><br><strong>5. Password :<\/strong> \u092f\u0926\u093f \u0939\u092e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0915\u0940 \u0939\u092e \u091c\u094b \u092d\u0940 Type \u0915\u0930 \u0930\u0939\u0947 \u0939\u0948\u0902 \u0935\u0939 \u0926\u093f\u0916\u093e\u0908 \u0928 \u0926\u0947 \u0924\u092c \u0939\u092e\u0947 \u0909\u0938\u0947 Password \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0910\u0938\u093e \u0915\u0930\u0928\u0947 \u092a\u0930 \u0939\u092e \u091c\u092c \u092d\u0940 Type \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b Character \u0915\u0947 \u0938\u094d\u0925\u093e\u0928 \u092a\u0930 Bullet Show \u0939\u094b\u0928\u0947 \u0932\u0917\u0924\u0940 \u0939\u0948\u0902 , \u0913\u0930 \u091c\u094b \u0939\u092e Type \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0935\u0939 \u0915\u093f\u0938\u0940 \u0915\u094b \u092d\u0940 \u0926\u093f\u0916\u093e\u0908 \u0928\u0939\u0940\u0902 \u0926\u0947\u0924\u093e \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"185\" height=\"26\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-6.png?resize=185%2C26&#038;ssl=1\" alt=\"input type password\" class=\"wp-image-5821\"\/><\/figure>\n\n\n\n<p><br><strong>6. Tel :<\/strong> \u092f\u0926\u093f \u0939\u092e Telephone \u0914\u0930 Mobile Number \u091f\u093e\u0907\u092a \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f Input \u0932\u0947\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0906\u092a\u0915\u094b tel \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u093f\u090f <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"182\" height=\"24\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-7.png?resize=182%2C24&#038;ssl=1\" alt=\"input type tel\" class=\"wp-image-5823\"\/><\/figure>\n\n\n\n<p><br><strong>7. Number :<\/strong> \u091c\u092c \u0939\u092e\u0947 \u0915\u0947\u0935\u0932 Number \u0939\u0940 Input \u0915\u0930\u0935\u093e\u0928\u0947 \u0939\u094b \u0924\u092c \u0939\u092e type number \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 \u0907\u0938\u092e\u0947 \u0939\u092e\u0947 Right Side \u092e\u0947 Up Down Arrow \u0926\u093f\u0916\u093e\u0908 \u0926\u0947\u0928\u0947 \u0932\u0917\u0924\u0947 \u0939\u0948\u0902 \u0909\u0928\u0915\u094b Click \u0915\u0930 \u0939\u092e Value \u0915\u094b \u092c\u095c\u093e \u0918\u091f\u093e \u0938\u0915\u0924\u0947 \u0939\u0948 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"186\" height=\"25\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-8.png?resize=186%2C25&#038;ssl=1\" alt=\"input type number\" class=\"wp-image-5824\"\/><\/figure>\n\n\n\n<p><strong>8. Button :<\/strong> \u091c\u092c \u0939\u092e\u0947 \u0915\u094b\u0908 Button \u092c\u0928\u093e\u0928\u093e \u0939\u094b \u0924\u092c \u0939\u092e Button \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"27\" height=\"24\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-9.png?resize=27%2C24&#038;ssl=1\" alt=\"input type button\" class=\"wp-image-5827\"\/><\/figure>\n\n\n\n<p> <br><strong>9. Submit :<\/strong> \u091c\u092c \u0939\u092e\u0947 \u0910\u0938\u093e button \u092c\u0928\u093e\u0928\u093e \u0939\u094b \u091c\u093f\u0938\u0915\u094b Press \u0915\u0930\u0928\u0947 \u0938\u0947 Form \u092a\u0930 \u0926\u093f\u092f\u093e \u0917\u092f\u093e Data \u0905\u0928\u094d\u092f Page \u092a\u0930 Submit \u0939\u094b \u0924\u092c \u0939\u092e type submit \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"71\" height=\"26\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-10.png?resize=71%2C26&#038;ssl=1\" alt=\"input type submit\" class=\"wp-image-5828\"\/><\/figure>\n\n\n\n<p><br><strong>10. Reset :<\/strong> Screen \u0915\u0947 \u0938\u092d\u0940 Input \u0915\u094b \u090f\u0915 \u0938\u093e\u0925 Blank \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u092e Reset \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"63\" height=\"25\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-11.png?resize=63%2C25&#038;ssl=1\" alt=\"input type reset\" class=\"wp-image-5829\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-11.png?w=63&amp;ssl=1 63w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-11.png?resize=60%2C25&amp;ssl=1 60w\" sizes=\"auto, (max-width: 63px) 100vw, 63px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>11. Checkbox :<\/strong> \u092f\u0926\u093f \u0939\u092e Tick Box \u092c\u0928\u093e\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0939\u092e Checkbox \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"25\" height=\"17\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-12.png?resize=25%2C17&#038;ssl=1\" alt=\"input type checkbox\" class=\"wp-image-5830\"\/><\/figure>\n\n\n\n<p><br><strong>12. Radio :<\/strong> \u092f\u0926\u093f \u0939\u092e Option Box \u092c\u0928\u093e\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0939\u092e Radio \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"30\" height=\"19\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-13.png?resize=30%2C19&#038;ssl=1\" alt=\"input type radio\" class=\"wp-image-5831\"\/><\/figure>\n\n\n\n<p><strong>13. Date :<\/strong> \u092f\u0926\u093f \u0939\u092e\u0947 Date Select \u0915\u0930\u0935\u093e\u0928\u093e \u0939\u0948\u0902 \u0924\u094b \u0939\u092e type Date \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"223\" height=\"321\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-14.png?resize=223%2C321&#038;ssl=1\" alt=\"input type date\" class=\"wp-image-5832\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-14.png?w=223&amp;ssl=1 223w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-14.png?resize=208%2C300&amp;ssl=1 208w\" sizes=\"auto, (max-width: 223px) 100vw, 223px\" \/><\/figure>\n\n\n\n<p><br><strong>14. Time :<\/strong> \u092f\u0926\u093f \u0939\u092e\u0947 Time Input \u0932\u0947\u0928\u093e \u0939\u0948\u0902 \u0924\u094b \u0939\u092e Time \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"142\" height=\"303\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-15.png?resize=142%2C303&#038;ssl=1\" alt=\"input type time\" class=\"wp-image-5834\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-15.png?w=142&amp;ssl=1 142w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-15.png?resize=141%2C300&amp;ssl=1 141w\" sizes=\"auto, (max-width: 142px) 100vw, 142px\" \/><\/figure>\n\n\n\n<p><br><strong>15. DateTime-Local :<\/strong> \u092f\u0926\u093f \u0939\u092e\u0947 Date \u0915\u0947 \u0938\u093e\u0925 Time \u092d\u0940 Input \u0932\u0947\u0928\u093e \u0939\u0948 \u0924\u094b \u0939\u092e Datetime-Local \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"297\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-16.png?resize=345%2C297&#038;ssl=1\" alt=\"input type datetime-local\" class=\"wp-image-5835\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-16.png?w=345&amp;ssl=1 345w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-16.png?resize=300%2C258&amp;ssl=1 300w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/figure>\n\n\n\n<p><br><strong>16. Week :<\/strong> Week Selection \u0915\u0947 \u0932\u093f\u090f \u0939\u092e Week \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"326\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-17.png?resize=283%2C326&#038;ssl=1\" alt=\"input type week\" class=\"wp-image-5837\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-17.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-17.png?resize=260%2C300&amp;ssl=1 260w\" sizes=\"auto, (max-width: 283px) 100vw, 283px\" \/><\/figure>\n\n\n\n<p><br><strong>17. Month :<\/strong> Month Selection \u0915\u0947 \u0932\u093f\u090f Month \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"227\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-18.png?resize=250%2C227&#038;ssl=1\" alt=\"input type month\" class=\"wp-image-5838\"\/><\/figure>\n\n\n\n<p><strong>18. File : <\/strong>\u092f\u0926\u093f \u0939\u092e\u0947 \u0915\u094b\u0908 File Upload \u0915\u0930\u0935\u093e\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e type file \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 , <a href=\"https:\/\/selfimagination.in\/tips\/php-file-upload\/\">File Upload \u0915\u093e \u092a\u0942\u0930\u093e Code \u0926\u0947\u0916\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f  \u092f\u0939 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947 <\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"213\" height=\"29\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-19.png?resize=213%2C29&#038;ssl=1\" alt=\"\" class=\"wp-image-5839\"\/><\/figure>\n\n\n\n<p><br><strong>19. Color :<\/strong> \u092f\u0926\u093f \u0939\u092e\u0947 Screen \u0938\u0947 Color  selection \u0915\u0930\u0935\u093e\u0928\u093e \u0939\u0948\u0902 \u0924\u094b \u0939\u092e type color \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"240\" height=\"291\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-20.png?resize=240%2C291&#038;ssl=1\" alt=\"input type color\" class=\"wp-image-5840\"\/><\/figure>\n\n\n\n<p><br><strong>20. Range :<\/strong> \u092f\u0926\u093f \u0939\u092e\u0947 Number \u0915\u0940 \u0915\u094b\u0908 Specific Range \u0915\u0947 \u092c\u0940\u091a \u0915\u093e \u0939\u0940 data Input \u0915\u0930\u0935\u093e\u0928\u093e \u0939\u0948\u0902 \u0924\u094b \u0939\u092e Range \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"145\" height=\"24\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-21.png?resize=145%2C24&#038;ssl=1\" alt=\"input type range\" class=\"wp-image-5841\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-21.png?w=145&amp;ssl=1 145w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-21.png?resize=140%2C24&amp;ssl=1 140w\" sizes=\"auto, (max-width: 145px) 100vw, 145px\" \/><\/figure>\n\n\n\n<p>\u0906\u092a\u0915\u0947 \u0938\u092e\u091d\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092f\u0939\u093e\u0901 \u092a\u0930 \u090f\u0915 \u090f\u0915 \u0938\u093e\u0925 \u0938\u092d\u0940 \u0915\u0947 Code \u0932\u093f\u0916\u0947 \u0939\u0948\u0902 \u0924\u093e\u0915\u093f \u0906\u092a \u0916\u0941\u0926 \u0907\u0938\u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0926\u0947\u0916 \u0932\u0947 \u0964 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;table&gt;\n&lt;tr&gt;&lt;td&gt;1.&lt;\/td&gt; &lt;td&gt;Text  &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt;&lt;input  type=\"text\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;2.&lt;\/td&gt; &lt;td&gt;Email &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"email\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\t\n&lt;tr&gt;&lt;td&gt;3.&lt;\/td&gt; &lt;td&gt;URL &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"url\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;4.&lt;\/td&gt; &lt;td&gt;Search&lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt;  &lt;input  type=\"search\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;5.&lt;\/td&gt; &lt;td&gt;Password &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"password\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;6.&lt;\/td&gt; &lt;td&gt; Tel &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"tel\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;7.&lt;\/td&gt; &lt;td&gt;Number &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"number\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n\n&lt;tr&gt;&lt;td&gt;8.&lt;\/td&gt; &lt;td&gt;Button&lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"button\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;9.&lt;\/td&gt; &lt;td&gt;Submit &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"submit\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;10.&lt;\/td&gt; &lt;td&gt;Reset &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"reset\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n\t\n&lt;tr&gt;&lt;td&gt;11.&lt;\/td&gt; &lt;td&gt;Checkbox &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"checkbox\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;12.&lt;\/td&gt; &lt;td&gt;Radio &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"radio\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n\t\n&lt;tr&gt;&lt;td&gt;13.&lt;\/td&gt; &lt;td&gt;Date &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"date\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;14.&lt;\/td&gt; &lt;td&gt;Time &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"time\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;15.&lt;\/td&gt; &lt;td&gt;DateTime-Local &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"datetime-local\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;16.&lt;\/td&gt; &lt;td&gt;Week &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"week\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;17.&lt;\/td&gt; &lt;td&gt;Month &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"month\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n\n&lt;tr&gt;&lt;td&gt;18.&lt;\/td&gt; &lt;td&gt;File &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"file\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;19.&lt;\/td&gt; &lt;td&gt;Color &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"color\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;tr&gt;&lt;td&gt;20.&lt;\/td&gt; &lt;td&gt;Range &lt;\/td&gt; &lt;td&gt;:&lt;\/td&gt; &lt;td&gt; &lt;input  type=\"range\"&gt;&lt;\/td&gt;&lt;\/tr&gt;\n&lt;\/table&gt;<\/code><\/pre>\n\n\n\n<p>\u0938\u092d\u0940 \u0915\u093e Preview \u090f\u0915 \u0938\u093e\u0925 \u092f\u0939\u093e\u0901 \u092a\u0930 \u0926\u093f\u0916\u093e\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"534\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-1.png?resize=640%2C534&#038;ssl=1\" alt=\"input types detail \" class=\"wp-image-5795\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-1.png?w=895&amp;ssl=1 895w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-1.png?resize=300%2C250&amp;ssl=1 300w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-1.png?resize=768%2C641&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u0939\u092e-\u0930-\u0905\u0928-\u092f-\u0906\u0930-\u091f-\u0915\u0932\"><strong>\u0939\u092e\u093e\u0930\u0947 \u0905\u0928\u094d\u092f \u0906\u0930\u094d\u091f\u093f\u0915\u0932<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-function\/\">MySQL Function<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-stored-procedure\/\">MySQL Stored Procedure<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/get-post-method\/\">PHP Get \/Post Method \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/php-math-function\/\">PHP Math Function \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/learn-cpp-from-c\/\">C \u0938\u0947 C ++ \u0938\u0940\u0916\u0947 \u0938\u0930\u0932 \u0936\u092c\u094d\u0926\u094b\u0902 \u092e\u0947\u0902<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/php-variables\/\">PHP Variable \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/arduino-control-structure\/\">Arduino Control Structure<\/a>\u00a0<\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/c-union\/\">Union in C<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/c-pointer\/\">Declaration of Pointer in C<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/search-jquery\/\">jQuery Search Filter<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-table-create-alter-drop\/\">MySQL Create Table | Alter Table | Drop Table<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/api-using-node-react-express-mysql\/\">API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/cpanel\/\">CPANEL In Hindi<\/a><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>name=&#8221;Name of Input&#8221; <\/strong><\/h3>\n\n\n\n<p>\u091c\u092c \u092d\u0940 \u0939\u092e\u0947 form \u092a\u0930 \u0926\u093f\u090f \u0917\u090f Input \u0915\u0940 value \u0915\u094b GET\/POST Method \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0915\u093f\u0938\u0940 \u0905\u0928\u094d\u092f Page \u092a\u0930 \u092a\u0939\u0941\u091a\u093e\u0908 \u091c\u093e\u0924\u0940 \u0939\u0948\u0902 \u0924\u092c \u0939\u092e\u0947 value Read Name \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0939\u0940 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 \u0907\u0938\u0932\u093f\u090f \u091c\u092c \u092d\u0940 Form tag \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0947 \u0924\u094b \u0927\u094d\u092f\u093e\u0928 \u0930\u0939\u0947 \u0915\u0940 name attribute \u092e\u0947 value \u0926\u0940 \u0917\u0908 \u0939\u094b \u0964 <\/p>\n\n\n\n<p>\u091c\u092c \u0939\u0940 \u0939\u092e \u090f\u0915 \u0938\u0947 \u0905\u0927\u093f\u0915 tag \u0915\u0947 name \u090f\u0915 \u091c\u0948\u0938\u0947 \u0930\u0916 \u0926\u0947\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0909\u0938\u0947 \u0939\u092e\u0947 Array \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e Read \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902, \u0938\u093e\u0925 \u0939\u0940 \u092e\u0947 input type Radio \u092e\u0947 \u0939\u092e \u090f\u0915 \u0938\u0947 \u0905\u0927\u093f\u0915 Radio \u0915\u0947 name \u090f\u0915 \u091c\u0948\u0938\u0947 \u0930\u0916\u0924\u0947 \u0939\u0948\u0902 \u0924\u093e\u0915\u093f \u0909\u0928\u094d\u092e\u0947 \u0938\u0947 \u0915\u093f\u0938\u0940 \u090f\u0915 \u0915\u094b \u0939\u0940 \u0938\u093f\u0932\u0947\u0915\u094d\u091f \u0915\u0930 \u092a\u093e\u090f \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>id=&#8221;id of input&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0915\u093f\u0938\u0940 \u092d\u0940 \u0926\u094b tag \u0915\u0947 id \u0939\u092e\u0947 \u090f\u0915 \u091c\u0948\u0938\u0947 \u0928\u0939\u0940\u0902 \u0926\u0947\u0928\u093e \u091a\u093e\u0939\u093f\u090f , id \u0939\u092e\u0947\u0936\u093e \u0939\u0940 Unique \u0930\u0916\u0928\u093e \u091a\u093e\u0939\u093f\u090f \u0964 Javascript \/ Jquery \u0914\u0930 css \u0932\u093f\u0916\u0924\u0947 \u0938\u092e\u092f \u0915\u093f\u0938 \u090f\u0915 element \u092a\u0930 \u0915\u0941\u091b \u092d\u0940 Operation \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e\u0947 id attribute \u0915\u093e \u0939\u0940 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><br><strong>autofocus<\/strong><\/h3>\n\n\n\n<p>\u0907\u0938 Attribute \u0915\u094b \u0938\u0947\u091f \u0915\u0930\u0928\u0947 \u091c\u0948\u0938\u0947 \u0939\u0940 Page Load \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u091c\u093f\u0938 \u092a\u0930 \u0906\u092a\u0928\u0947 Autofocus \u0932\u093f\u0916\u093e \u0939\u0948\u0902 \u0909\u0938 \u092a\u0930 Focus \u091a\u0932\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902\u0964 \u092f\u0926\u093f \u092d\u0940 \u090f\u0915 \u0939\u0940 Element \u092a\u0930 \u0932\u093f\u0916\u0928\u093e \u091a\u093e\u0939\u093f\u090f \u092f\u0926\u093f \u0906\u092a\u0928\u0947 \u090f\u0915 \u0938\u0947 \u0905\u0927\u093f\u0915 \u092a\u0930 \u0932\u093f\u0916\u093e \u0939\u0948\u0902 \u0924\u094b \u092f\u0939 \u091c\u094b \u092a\u0939\u0932\u0947 \u0939\u0948\u0902 \u0909\u0938 \u092a\u0930 Focus \u0915\u0930 \u0926\u0947\u0917\u093e \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><br><strong>disabled<\/strong><\/h3>\n\n\n\n<p>\u092f\u0926\u093f \u0939\u092e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0915\u0940 \u0915\u094b\u0908 \u092d\u0940 Element \u092a\u0930 \u0915\u093f\u0938\u0940 \u092d\u0940 \u092a\u094d\u0930\u0915\u093e\u0930 \u0915\u093e \u091a\u0947\u0902\u091c \u0928 \u0915\u0930 \u092a\u093e\u090f \u0924\u094b \u0939\u092e \u0909\u0938\u0947 Disable \u0915\u0930 \u0926\u0947\u0924\u0947 \u0939\u0948\u0902 , \u0910\u0938\u093e \u0915\u0930\u0928\u0947 \u092a\u0930 \u0907\u0938\u0915\u093e Look \u092d\u0940 \u0915\u0941\u091b \u0905\u0932\u0917 \u0926\u093f\u0916\u093e\u0908 \u0926\u0947\u0928\u0947 \u0932\u0917\u0924\u093e \u0939\u0948\u0902  \u0964 \u091c\u092c \u0939\u092e Tab button press \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 tab \u0907\u0938 \u092a\u0930 Focus \u0928\u0939\u0940\u0902 \u0906\u0924\u093e \u0939\u0948\u0902 \u0914\u0930 \u0938\u093e\u0925 \u0939\u0940 \u092e\u0947 \u092f\u0926\u093f page submit \u0915\u093f\u092f\u093e \u091c\u093e\u090f \u0924\u094b \u0907\u0938\u0915\u0940 Value Submit \u092d\u0940 \u0928\u0939\u0940\u0902 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"185\" height=\"26\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-23.png?resize=185%2C26&#038;ssl=1\" alt=\"input disabled\" class=\"wp-image-5858\"\/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;input  type=\"text\" disabled value =\"Imagination \" &gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>title = &#8220;Enter Tooltips \/Help Text&#8221;<\/strong><\/h3>\n\n\n\n<p>\u092f\u0926\u093f \u0939\u092e\u0947 \u0915\u093f\u0938\u0940 \u092d\u0940 element \u092a\u0930 \u0909\u0938\u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u0915\u094b\u0908 \u092c\u095c\u0940 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u092f\u093e \u0915\u093f\u0938\u0940 \u092a\u094d\u0930\u0915\u093e\u0930 \u0915\u0940 Help \u0926\u0947\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e title attribute \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 , \u0907\u0938\u0947 tooltip \u092d\u0940 \u0915\u0939\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"272\" height=\"64\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-24.png?resize=272%2C64&#038;ssl=1\" alt=\"input title\" class=\"wp-image-5860\"\/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;input  type=\"tel\" title=\"Enter Phone Number with STD Code\"&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><br><strong>value = &#8220;Value of Input&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0915\u093f\u0938\u0940 \u092d\u0940 Input \u092a\u0930 \u092f\u0926\u093f \u0939\u092e\u0947 \u0915\u094b\u0908 Default Value \u092f\u093e \u092d\u0940 Dynamic \u0915\u094b\u0908 value Set \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e value attribute \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"205\" height=\"26\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-25.png?resize=205%2C26&#038;ssl=1\" alt=\"input value\" class=\"wp-image-5864\"\/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;input  type=\"url\" value =\"https:\/\/selfimagination.in\/tips\"&gt;<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>readonly<\/strong><\/h3>\n\n\n\n<p>Read-only Attribute \u0938\u0947 Element \u0915\u0940 value \u0915\u094b Edit \u0928\u0939\u0940\u0902 \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948\u0902 \u0964  \u0907\u0938 \u092a\u0930 Focus \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0914\u0930 \u0938\u093e\u0925 \u092e\u0947 \u0907\u0938\u0915\u0940 \u0935\u0948\u0932\u094d\u092f\u0942 Form GET\/POST Method \u0938\u0947 send \u092d\u0940 \u0915\u0940 \u091c\u093e \u0938\u0915\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><br><strong>list=&#8221;Datalist ID&#8221;<\/strong><\/h3>\n\n\n\n<p>\u091c\u092c \u092d\u0940 \u0939\u092e\u0947 \u0915\u093f\u0938\u0940 Text \u092a\u0930 Auto Suggestion \u092f\u093e \u0915\u094b\u0908 Predefined List \u0926\u093f\u0916\u093e\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e \u0907\u0938 \u092a\u0930 \u0939\u092e\u093e\u0930\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u092a\u0939\u0932\u0947 \u0938\u0947 \u092c\u0928\u093e\u0908 \u0917\u0908 datalist \u0915\u093e id \u0938\u0947\u091f \u0915\u0930 \u0926\u0947\u0924\u0947 \u0939\u0948\u0902 \u0910\u0938\u093e \u0915\u0930\u0928\u093e \u0938\u0947 \u091c\u092c \u092d\u0940 User \u0907\u0938 element \u092a\u0930 \u0915\u0941\u091b \u092d\u0940 Type \u0915\u0930\u0947\u0917\u093e \u0924\u094b List \u092e\u0947 Related Data \u0926\u093f\u0916\u093e\u0908 \u0926\u0947\u0928\u0947 \u0932\u0917\u0947\u0917\u093e \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"> <br><strong>placeholder=&#8221;Text for Help&#8221;<\/strong><\/h3>\n\n\n\n<p>\u092f\u0939 \u092d\u0940 Help Text \u091c\u0948\u0938\u093e \u0915\u093e\u0930\u094d\u092f \u0915\u0930\u0924\u093e \u0939\u0948\u0902, \u0932\u0947\u0915\u093f\u0928 \u092f\u0939 \u0915\u0947\u0935\u0932 \u0924\u092c \u0939\u0940 \u0926\u093f\u0916\u093e\u0908 \u0926\u0947\u0924\u093e \u0939\u0948\u0902 \u091c\u092c Text \u0915\u0940 value blank \u0939\u094b\u0924\u0940 \u0939\u0948 \u091c\u0948\u0938\u0947 \u0939\u0940 \u0939\u092e \u0915\u094b\u0908 Value Fill \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0935\u0948\u0938\u0947 \u0939\u0940 \u092f\u0939 Hide \u0939\u094b \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>size =&#8221;width in Character&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0939\u092e \u091c\u094b \u092d\u0940 Width \u0930\u0916\u0928\u093e \u0915\u0939\u0924\u0947 \u0939\u0948\u0902 \u0935\u0939 Value \u092f\u0939\u093e \u092a\u0930 \u0932\u093f\u0916\u0924\u0947 \u0939\u0948\u0902 \u0910\u0938\u093e \u0915\u0930\u0928\u0947 \u0938\u0947 element \u0915\u0940 width Increase \u0939\u094b \u091c\u093e\u0924\u0940 \u0939\u0948 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>form=&#8221;Form Name&#8221;<\/strong><\/h3>\n\n\n\n<p>\u092f\u0926\u093f \u0939\u092e\u0947 \u0915\u093f\u0938\u0940 Element \u0915\u094b form \u0915\u0947 \u092c\u093e\u0939\u0930 \u0930\u0916\u093e \u0939\u0948\u0902 \u0924\u092c \u0939\u092e \u0907\u0938 Attribute \u092e\u0947 \u0909\u0938 Form \u0915\u093e \u0928\u093e\u092e \u0932\u093f\u0916 \u0915\u0930 Element \u0915\u094b \u0909\u0938 Form \u0938\u0947 Connect \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>required<\/strong><\/h3>\n\n\n\n<p>\u092f\u0926\u093f \u0939\u092e\u0928\u0947 \u0915\u093f\u0938\u0940 \u092d\u0940 element \u092a\u0930 required attribute \u0938\u0947\u091f \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0924\u094b \u091c\u092c \u0939\u092e form \u0915\u094b submit \u0915\u0930\u0947\u0902\u0917\u0947 \u0924\u094b \u0935\u0939 \u0924\u092c \u0924\u0915 Submit \u0928\u0939\u0940\u0902 \u0939\u094b\u0917\u093e \u091c\u092c \u0924\u0915 \u0915\u0940 \u0909\u0938 element \u092a\u0930 \u0915\u094b\u0908 \u0935\u0948\u0932\u094d\u092f\u0942 \u0938\u0947\u091f \u0928 \u0915\u0940 \u0939\u094b \u0964 \u0939\u092e \u0910\u0938\u093e \u092d\u0940 \u0915\u0939 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0915\u0940 \u092f\u0926\u093f \u0915\u093f\u0938\u0940 element \u092a\u0930 \u092f\u0926\u093f required \u0938\u0947\u091f \u0915\u0930 \u0926\u093f\u092f\u093e \u0924\u094b \u092c\u093f\u0928\u093e value \u0915\u0947 form submit \u0928\u0939\u0940\u0902 \u0939\u094b\u0917\u093e \u0964 <\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>maxlength = &#8220;Enter Max Number Limit&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0939\u092e \u091c\u094b \u092d\u0940 Max Width \u092f\u093e\u0928\u093f \u0915\u0940 Number of Character enter \u0915\u0930\u0928\u0947 \u0915\u0940 Permission \u0926\u0947\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0935\u0939 \u092f\u0939\u093e\u0901 \u0938\u0947 \u0938\u0947\u091f \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902, \u092f\u0926\u093f \u0906\u092a\u0928\u0947 \u0915\u093f\u0938\u0940 Element \u0915\u0940  maxlength \u0915\u094b 5 set \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0924\u094b \u0935\u0939 element 5 character value \u0939\u0940 accept \u0915\u0930\u0947\u0917\u093e \u0964 \u0909\u0938\u0938\u0947 \u0905\u0927\u093f\u0915 type \u0939\u0940 \u0928\u0939\u0940\u0902 \u0939\u094b\u0917\u093e \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>minlength = &#8220;Enter Min Number Limit&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0939\u092e \u091c\u094b \u092d\u0940 Min Width \u092f\u093e\u0928\u093f \u0915\u0940 Minimum Number of Character enter \u0915\u0930\u0935\u093e\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0935\u0939 \u092f\u0939\u093e\u0901 \u0938\u0947 \u0938\u0947\u091f \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902, \u092f\u0926\u093f \u0906\u092a\u0928\u0947 \u0915\u093f\u0938\u0940 Element \u0915\u0940  minlength \u0915\u094b 5 set \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0924\u094b \u0935\u0939 element \u0915\u092e \u0938\u0947 \u0915\u092e 5 character value \u0939\u0940 accept \u0915\u0930\u0947\u0917\u093e \u0964 \u0909\u0938\u0938\u0947 \u0915\u092e \u0935\u0948\u0932\u094d\u092f\u0942 \u0926\u0947\u0928\u0947 \u092a\u0930 Form Submit \u0928\u0939\u0940\u0902 \u0939\u094b\u0917\u093e \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>pattern = &#8220;regexp&#8221;<\/strong><\/h3>\n\n\n\n<p>\u092f\u0926\u093f \u0939\u092e \u0915\u094b\u0908 Pattern \u0938\u0947\u091f \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u092f\u0939\u093e\u0901 \u092a\u0930 \u0938\u0947\u091f \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 \u092f\u0939 \u090f\u0915 \u0924\u0930\u0939 \u0938\u0947 Customize validation \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0964 \u0907\u0938 \u092a\u0930 \u0939\u092e Coding \u0915\u0930 validation \u0932\u0917\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>max=&#8221;Enter Maximum Value&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0915\u093f\u0938\u0940 \u092d\u0940 number \u0913\u0930 date element \u092a\u0930 \u092f\u0926\u093f \u0939\u092e max value \u0938\u0947\u091f \u0915\u0930 \u0926\u0947\u0902\u0917\u0947 \u0924\u094b \u0909\u0938\u0938\u0947 \u0905\u0927\u093f\u0915 \u0935\u0948\u0932\u094d\u092f\u0942 \u0915\u094b accept \u0928\u0939\u0940\u0902 \u0915\u0930\u0947\u0917\u093e \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>min=&#8221;Enter Minimum Value&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0915\u093f\u0938\u0940 \u092d\u0940 number \u0913\u0930 date element \u092a\u0930 \u092f\u0926\u093f \u0939\u092e min  value \u0938\u0947\u091f \u0915\u0930 \u0926\u0947\u0902\u0917\u0947 \u0924\u094b \u0909\u0938\u0938\u0947 \u0915\u092e \u0935\u0948\u0932\u094d\u092f\u0942 \u0915\u094b accept \u0928\u0939\u0940\u0902 \u0915\u0930\u0947\u0917\u093e \u0964  <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>step=&#8221;Increment\/Decrement Interval&#8221;<\/strong><\/h3>\n\n\n\n<p>number field \u0913\u0930 Date Filed \u092a\u0930 Arrow \u0938\u0947 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0928\u0947 \u092a\u0930 \u0915\u093f\u0924\u0928\u0940 Value Increment \/ Decrement \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0935\u0939 \u0907\u0938 attribute \u0938\u0947 \u0938\u0947\u091f \u0915\u0940 \u091c\u093e\u0924\u0940 \u0939\u0948\u0902 \u0964 by default \u0907\u0938\u0915\u0940 value 1 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>alt =&#8221;Alternate Text&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0907\u092e\u0947\u091c \u092a\u0930 \u0939\u092e\u0947 alt attribute \u0938\u0947\u091f \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u092f\u0939 search engine \u0915\u094b \u092c\u0924\u093e\u0924\u093e \u0939\u0948\u0902 \u0915\u0940 \u0905\u092a\u0928\u0947 \u091c\u094b image \u0932\u0917\u093e\u0908 \u0939\u0948\u0902 \u0909\u0938\u0915\u093e \u0915\u094d\u092f\u093e \u0915\u093e\u0930\u094d\u092f \u0939\u0948\u0902 \u0924\u093e\u0915\u093f \u0935\u0939 \u0938\u0930\u094d\u091a \u092e\u0947 \u0906 \u0938\u0915\u0947 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>height =&#8221;Height of Image&#8221;<\/strong><\/h3>\n\n\n\n<p>image \u0915\u0940 Height \u0938\u0947\u091f \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>width =&#8221;Width of Image&#8221;<\/strong><\/h3>\n\n\n\n<p>\u0907\u092e\u0947\u091c \u0915\u0940 Width \u0938\u0947\u091f \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>src =&#8221;Image Path&#8221;<\/strong><\/h3>\n\n\n\n<p>Image \u0915\u093e path set \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>formaction = &#8220;Action Page Path&#8221;<\/strong><\/h3>\n\n\n\n<p>form \u0915\u094b submit \u0915\u0930\u0928\u0947 \u092a\u0930 \u0939\u092e\u0947 \u0915\u093f\u0938 \u092a\u0947\u091c \u092a\u0930 value send \u0915\u0930\u0928\u093e \u0939\u0948\u0902 \u0909\u0938 page \u0915\u093e \u0928\u093e\u092e \u092f\u0939\u093e\u0901 \u092a\u0930 \u0932\u093f\u0916\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 , \u092f\u0926\u093f \u0906\u092a \u092f\u0939\u093e\u0901 \u092a\u0930 \u0915\u0941\u091b \u092d\u0940 \u0928\u0939\u0940\u0902 \u0932\u093f\u0916\u0947\u0902\u0917\u0947 \u0924\u094b by default \u091c\u093f\u0938 \u092a\u0947\u091c \u092a\u0930 \u0939\u0948\u0902 \u0909\u0938\u0940 \u092a\u0930 submit \u0939\u094b \u091c\u093e\u090f\u0917\u093e\u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><br><strong>formenctype = &#8220;multipart\/form-data&#8221;<\/strong><\/h3>\n\n\n\n<p>form \u0915\u093e enctype \u092f\u0939\u093e\u0901 \u0938\u0947 \u0938\u0947\u091f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 , \u092f\u0926\u093f \u0939\u092e\u0947 form data \u092d\u0947\u091c\u0928\u093e \u0939\u0948\u0902 \u0924\u094b \u0939\u092e  multipart\/form-data \u0932\u093f\u0916\u0924\u0947 \u0939\u0948\u0902 \u092f\u0926\u093f \u0939\u092e\u0947 \u0915\u0947\u0935\u0932 Text \u0939\u0940 send \u0915\u0930\u0928\u093e \u0939\u0948\u0902 \u0924\u094b \u0939\u092e plain\/text \u0932\u093f\u0916\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>formmethod = &#8220;GET\/POST&#8221;<\/strong><\/h3>\n\n\n\n<p>form \u0915\u0940 \u091c\u093f\u0938 \u092d\u0940 Method \u0938\u0947 GET\/POST \u0915\u0930\u0928\u093e \u0939\u094b \u0935\u0939 Method \u092f\u0939\u093e\u0901 \u092a\u0930 \u0932\u093f\u0916\u0940 \u091c\u093e\u0924\u0940 \u0939\u0948\u0902 \u0964 <a href=\"https:\/\/selfimagination.in\/tips\/get-post-method\/\">\u092f\u0926\u093f \u0906\u092a GET\/POST \u0915\u094b Example \u0938\u0947 \u0938\u092e\u091d\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u092f\u0939\u093e\u0901 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947 \u0964 <\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>formtarget = &#8220;_self\/_blank\/_top\/_parent&#8221;<\/strong><\/h3>\n\n\n\n<p>\u091c\u092c \u0939\u092e form \u0915\u094b submit \u0915\u0930\u0947\u0902\u0917\u0947 \u0924\u094b \u091c\u094b page \u0939\u092e\u0928\u0947 action \u092e\u0947 \u0932\u093f\u0916\u093e \u0939\u0948\u0902 \u0935\u0939 \u091c\u094b current \u092a\u0947\u091c \u0939\u0948\u0902 \u0907\u0938\u0940 \u092a\u0930 open \u0939\u094b \u092f\u093e \u0928\u090f tab \u092a\u0930 \u0913\u092a\u0928 \u0939\u094b \u0909\u0938\u0938\u0947 \u0938\u0902\u092c\u0902\u0927\u093f\u0924 setting \u092f\u0939\u093e\u0901 \u0938\u0947 \u0915\u0940 \u091c\u093e\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>formnovalidate<\/strong><\/h3>\n\n\n\n<p>\u092f\u0926\u093f \u0939\u092e \u092c\u093f\u0928\u093e validation \u0915\u0947 \u0939\u0940 form \u0915\u094b submit \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948 \u0924\u094b \u0939\u092e \u0907\u0938 attribute \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>checked<\/strong><\/h3>\n\n\n\n<p>Checkbox \u0914\u0930 Radio \u092a\u0930 Value set \u0914\u0930 get \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u092e\u0947 checked attribute \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>multiple<\/strong><\/h3>\n\n\n\n<p>\u091c\u092c \u0939\u092e file input \u0926\u094d\u0935\u093e\u0930\u093e \u090f\u0915 \u0938\u0947 \u0905\u0927\u093f\u0915 file select \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u092c \u0939\u092e multiple attribute \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2. Bootstrap Class for Input Tag<\/h2>\n\n\n\n<p>\u091c\u092c \u092d\u0940 \u0906\u092a \u0915\u093f\u0938\u0940 \u092d\u0940 input \u092a\u0930 Bootstrap \u0915\u0940 Class \u0938\u0947\u091f \u0915\u0930 \u0926\u0947\u0902\u0917\u0947 \u0924\u094b \u0909\u0938\u0915\u0947 Look \u092e\u0947 \u092c\u0926\u0932\u093e\u0935 \u092f\u093e \u091c\u093e\u090f\u0902\u0917\u0947 \u0914\u0930 \u0935\u0939 \u092a\u0939\u0932\u0947 \u0938\u0947 \u0914\u0930 \u092d\u0940 \u0905\u091a\u094d\u091b\u093e \u0914\u0930 \u090f\u0915 fix width \u0915\u093e \u0926\u093f\u0916\u093e\u0908 \u0926\u0947\u0928\u0947 \u0932\u0917\u0947\u0917\u093e , \u0939\u092e\u0928\u0947 \u0928\u093f\u092e\u094d\u0928 Image \u092e\u0947 \u092c\u0924\u093e\u092f\u093e \u0939\u0948\u0902 \u0915\u0940 \u091c\u092c \u0939\u0940 \u0906\u092a Bootstrap \u0915\u0940 Class \u0932\u0917\u093e \u0926\u0947\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0909\u0938\u0915\u0947 \u092c\u093e\u0926 input type \u0905\u0928\u0941\u0938\u093e\u0930 \u0909\u0928\u0915\u0947 Look \u092e\u0947 \u0915\u094d\u092f\u093e Change \u0906\u0924\u0947 \u0939\u0948\u0902 , \u0935\u0939 \u0907\u0938 \u092a\u094d\u0930\u0915\u093e\u0930 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"298\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-29.png?resize=640%2C298&#038;ssl=1\" alt=\"Input Tag with or without bootstrap\" class=\"wp-image-5937\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-29.png?resize=1024%2C476&amp;ssl=1 1024w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-29.png?resize=300%2C140&amp;ssl=1 300w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-29.png?resize=768%2C357&amp;ssl=1 768w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-29.png?w=1348&amp;ssl=1 1348w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/image-29.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>form-control<\/strong><\/h3>\n\n\n\n<p>Checkbox , Radio \u0915\u094b \u091b\u094b\u095c\u0915\u0930 \u0938\u092d\u0940 \u092e\u0947   form-control class \u0915\u093e \u0939\u0940 \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>form-check-input<\/strong><\/h3>\n\n\n\n<p>Checkbox \u0914\u0930  Radio type \u092e\u0947 \u0907\u0938 Class \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>form-control-color<\/strong><\/h3>\n\n\n\n<p>type Color \u092e\u0947 \u0939\u092e\u0947 form-control \u0915\u0947 \u0938\u093e\u0925 form-control-color \u0915\u093e \u092d\u0940 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u0939\u0948\u0902 \u092f\u0926\u093f Height \u092e\u0947 \u0915\u094b\u0908 \u0907\u0936\u0942 \u0906\u090f \u0924\u094b \u0906\u092a \u0939\u093e\u0907\u091f \u0938\u0947\u091f \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>btn btn-&lt;color&gt;<\/strong><\/h3>\n\n\n\n<p>Button \u092a\u0930 Form Control \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0928\u0939\u0940\u0902 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0964 \u0909\u0938 \u092a\u0930 \u0906\u092a\u0915\u094b Btn \u0915\u094d\u0932\u093e\u0938\u0938\u0947\u0938 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902  \u0964 <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Use Bootstrap Class on Input <\/h3>\n\n\n\n<p>\u0928\u093f\u092e\u094d\u0928 Example \u092e\u0947 \u092c\u0924\u093e\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0902 \u0915\u0940 \u0939\u092e \u0915\u093f\u0938 \u0924\u0930\u0939 \u0938\u0947 Bootstrap \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;Imagination Bootstrap Example&lt;\/title&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3\" crossorigin=\"anonymous\"&gt;\n    &lt;\/head&gt; &lt;!-- 1 --&gt;\n    &lt;body&gt;\n\t\t&lt;div class=\"container-fluid \"&gt; &lt;!-- 2  --&gt;\n\n\n\t\t&lt;div class=\"row border m-3 p-2\"&gt; &lt;!-- 3 --&gt;\n\n\n\t\t\t&lt;div class=\"col-6\"&gt; &lt;!-- 4 --&gt;\n\n\n\t\t\t\t&lt;input  type=\"text\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"email\"&gt;&lt;br&gt;\t\n\t\t\t\t&lt;input  type=\"url\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"search\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"password\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"tel\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"number\"&gt;&lt;br&gt;\n\n\t\t\t\t&lt;input  type=\"button\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"submit\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"reset\"&gt;&lt;br&gt;\n\t\t\t\t\n\t\t\t\t&lt;input  type=\"checkbox\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"radio\"&gt;&lt;br&gt;\n\t\t\t\t\n\t\t\t\t&lt;input  type=\"date\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"time\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"datetime-local\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"week\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"month\"&gt;&lt;br&gt;\n\n\t\t\t\t&lt;input  type=\"file\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"color\"&gt;&lt;br&gt;\n\t\t\t\t&lt;input  type=\"range\"&gt;&lt;br&gt;\n\t\t\t&lt;\/div&gt;\n\t\t\t&lt;div class=\"col-6\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"text\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"email\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"url\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"search\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"password\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"tel\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"number\"&gt;\n\n\t\t\t\t&lt;input class=\"btn btn-info\" type=\"button\"&gt;\n\t\t\t\t&lt;input class=\"btn btn-success\" type=\"submit\"&gt;\n\t\t\t\t&lt;input class=\"btn btn-primary\" type=\"reset\"&gt;\n\t\t\t\t\n\t\t\t\t&lt;input class=\"form-check-input\" type=\"checkbox\"&gt;\n\t\t\t\t&lt;input class=\"form-check-input\" type=\"radio\"&gt;\n\t\t\t\t\n\t\t\t\t&lt;input class=\"form-control\" type=\"date\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"time\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"datetime-local\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"week\"&gt;\n\t\t\t\t&lt;input class=\"form-control\" type=\"month\"&gt;\n\n\t\t\t\t&lt;input class=\"form-control \" type=\"file\"\/&gt;\n\t\t\t\t&lt;input class=\"form-control form-control-color \" style=\"height:40px\" type=\"color\"\/&gt;\n\t\t\t\t&lt;input class=\"form-range\" type=\"range\"\/&gt;\n\t\t\t&lt;\/div&gt;\n\t\t\n\t\t&lt;\/div&gt;\n\t\n\t\t\n\t\t&lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>1.  Link  :<\/strong> \u092f\u0939\u093e\u0901 \u0938\u0947 \u0939\u092e\u0928\u0947 \u092c\u0942\u091f\u0938\u094d\u091f\u094d\u0930\u0948\u092a CDN \u0915\u094b \u0932\u093f\u0902\u0915 \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 \u091c\u093f\u0938\u0938\u0947 Bootstrap \u0915\u0940 Class Execute \u0939\u094b \u0938\u0915\u0947 \u0964 <\/p>\n\n\n\n<p><strong>2. container-fluid :<\/strong> \u0939\u092e\u0947 screen \u0915\u0940 \u092a\u0942\u0930\u0940 width \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u0925\u093e \u0907\u0938\u0932\u093f\u090f \u0939\u092e\u0947  container-fluid class \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u0964 <\/p>\n\n\n\n<p><strong>3. row border m-3 p-2 :<\/strong> \u092f\u0939\u093e\u0901 \u092a\u0930 \u0939\u092e\u0928\u0947 Border show \u0915\u0940 \u0939\u0948\u0902 \u0913\u0930 Margin \u0914\u0930 Padding \u0926\u0940 \u0939\u0948\u0902 \u0924\u093e\u0915\u093f \u090f\u0915 box \u0905\u0932\u0917 \u0939\u0940 \u0926\u093f\u0916\u093e\u0908 \u0926\u0947 \u0964 <\/p>\n\n\n\n<p><strong>4. col-6 :<\/strong> \u0910\u0938\u093e \u0915\u0930 \u0939\u092e\u0928\u0947 Screen \u0915\u094b 12 Columns \u092e\u0947 \u0938\u0947 6 Without Bootstrap \u0914\u0930  6  \u0915\u094b Bootstrap input \u0926\u093f\u0916\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0926\u094b \u092d\u093e\u0917 \u092e\u0947 Distribute \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3.1 How to Get Attribute Using JavaScript<\/h2>\n\n\n\n<p>\u091c\u092c \u092d\u0940 \u0939\u092e JavaScript \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e Client Side \u092a\u0930 \u0915\u094b\u0908 Event \u092a\u0930 Scripting \u0915\u0930\u0947\u0902\u0917\u0947 \u0924\u092c \u0939\u092e\u0947 JavaScript \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 Value Get \/Read \u0915\u0930\u0928\u0947 \u0915\u0940 \u091c\u0930\u0942\u0930\u0924 \u0932\u0917\u0947\u0917\u0940 , \u0907\u0938 Example \u092e\u0947 \u0939\u092e\u0928\u0947 \u0938\u092e\u091d\u093e\u092f\u093e \u0939\u0948\u0902 \u0915\u0940 \u0915\u093f\u0938 \u0924\u0930\u0939 \u0938\u0947 \u0939\u092e Value\/Attribute \u0915\u094b Read \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;html&gt; \n    &lt;head&gt;&lt;title&gt;Value Read Using JavaScript &lt;\/title&gt;&lt;\/head&gt;\n    &lt;body&gt;\n\t&lt;input type=\"text\" value=\"OK\" id=\"myText\"\/&gt;\n\t&lt;input type=\"button\" value=\"OK\" onclick=\"GetMsg()\"\/&gt;\n\t&lt;script&gt;\n\t\tfunction GetMsg()\n\t\t{\n                        \/\/Method 1\n  \t\t        var v1 = document.getElementById(\"myText\").value; \n\t\t\talert(v1);\n\n\n                        \/\/Method 2\n\t\t\tvar v2 = document.getElementById(\"myText\").getAttribute(\"value\"); \n\t\t\talert(v2);\n\t\t}\n\t&lt;\/script&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>\u091c\u092c \u092d\u0940 \u0939\u092e\u0947 JavaScript \u0915\u093e \u0915\u094b\u0908 \u092d\u0940 Code Execute \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0924\u094b HTML \u0915\u094b\u0908 \u092d\u0940 \u0905\u0932\u0917 \u0938\u0947 File \u0915\u094b link \u0928\u0939\u0940\u0902 \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902, JavaScript Browser \u092a\u0930 \u0939\u0940 Enable \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 <\/li><li>\u0939\u092e\u0928\u0947 \u092f\u0939 \u092a\u0930 Button \u0915\u0947 Click Event \u0938\u0947 \u090f\u0915 Function Call \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0914\u0930 Value \u0915\u094b Read \u0915\u0930 Use Alert \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0926\u093f\u0916\u093e\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>Method 1. \u091c\u092c \u0906\u092a  .value \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0938\u0940\u0927\u0947 \u0939\u0940 \u0906\u092a value Attribute \u0915\u0947 data \u0915\u094b Read \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902<\/li><li>Method 2. \u0907\u0938 Method \u092e\u0947 \u0939\u092e\u0928\u0947 getAttribute Function \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u091c\u093f\u0938\u0938\u0947 \u0906\u092a \u091c\u093f\u0938 \u092d\u0940 Attribute \u0915\u0940 Value Read \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0909\u0938\u0915\u093e \u0928\u093e\u092e \u0932\u093f\u0916 \u0915\u0930 \u0909\u0938\u0947 Read \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902, \u091c\u092c \u0939\u092e Custom Attribute \u092c\u0928\u093e \u0932\u0947\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b getAttribute \u0938\u0947 Read \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3.2 How to Set Attribute Using JavaScript<\/h2>\n\n\n\n<p>\u091c\u092c \u092d\u0940 \u0939\u092e\u0947 JavaScript \u0938\u0947 \u0915\u093f\u0938\u0940 Input \u092a\u0930 Value set \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e \u0907\u0938 \u092a\u094d\u0930\u0915\u093e\u0930 \u0938\u0947 Code \u0932\u093f\u0916\u0924\u0947 \u0939\u0948\u0902 , \u091c\u0948\u0938\u093e \u0915\u0940 \u0939\u092e\u0928\u0947 \u092a\u0939\u0932\u0947 \u092c\u0924\u093e\u092f\u093e \u0925\u093e \u0915\u0940 JavaScript \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u092e\u0947 \u0905\u0932\u0917 \u0938\u0947 \u0915\u094b\u0908 CDN \u091c\u094b\u095c\u0928\u0947 \u0915\u0940 \u091c\u0930\u0942\u0930\u0924 \u0928\u0939\u0940\u0902 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;html&gt; \n    &lt;head&gt;&lt;title&gt;Value Read Using JavaScript &lt;\/title&gt;&lt;\/head&gt;\n    &lt;body&gt;\n\t&lt;input type=\"text\" value=\"OK\" id=\"myText\"\/&gt;\n\t&lt;input type=\"button\" value=\"OK\" onclick=\"GetMsg()\"\/&gt;\n\t&lt;script&gt;\n\tfunction GetMsg()\n\t{\n\t\t\/\/Method 1\n\t\tdocument.getElementById(\"myText\").value = 500;\n\t\t\t\t\n\t\t\/\/Method 2\n\t\tdocument.getElementById(\"myText\").setAttribute(\"value\", \"500\"); \n\t}\n\t&lt;\/script&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>\u092f\u0939\u093e\u0901 \u092a\u0930 \u0939\u092e\u0928\u0947 Button \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u090f\u0915 Function call \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 \u0913\u0930 \u0909\u0938 function \u092e\u0947 Value set \u0915\u0930\u0928\u0947 \u0915\u0940 Coding \u0915\u0940 \u0939\u0948\u0902 \u0964 <\/li><li>Method 1 : \u091c\u092c \u092d\u0940 \u0939\u092e\u0947 Current Value \u0915\u094b Runtime \u092a\u0930 Set \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e\u0947 .value \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0940 \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u093f\u090f <\/li><li>Method 2 : \u091c\u092c \u0939\u092e Dynamic DOM Creation \u0915\u0930\u0924\u0947 \u0939\u0948 \u092f\u093e \u092b\u093f\u0930 \u0939\u092e\u0947 Custom Attribute \u092e\u0947 \u0915\u094b\u0908 Value set \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e SetAttribute \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">4.1 How to Get Attribute Using jQuery<\/h2>\n\n\n\n<p>jQuery \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e Value Get \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u092e\u0947 CDN \u0910\u0921 \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 , CDN Proper add \u0939\u094b\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926 \u0939\u0940 \u0939\u092e jQuery \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902, \u091c\u093f\u0938 \u092a\u0930 \u0939\u092e\u0928\u0947 JavaScript \u092e\u0947 \u092d\u0940 Read \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0926\u094b method \u0926\u0947\u0916\u093f \u0925\u0940 \u0935\u0948\u0938\u0947 \u0939\u0940 \u092e\u0947\u0925\u0921 jQuery \u092e\u0947 \u092d\u0940 \u0939\u0948\u0902 , \u0939\u092e \u0915\u093f\u0938\u0940 \u0915\u093e \u092d\u0940 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964  <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;html&gt;\n    &lt;head&gt;\n\t&lt;title&gt;jQuery&lt;\/title&gt;\n\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\" integrity=\"sha256-\/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej\/m4=\"  crossorigin=\"anonymous\"&gt;&lt;\/script&gt;\n\t&lt;script&gt;\n\t\tfunction GetValue()\n\t\t{\n\t\t\t\/\/Method 1\n\t\t\tvar v1 = $(\"#myText\").val(); \n\t\t\talert(v1);\n\t\t\t\/\/Method 2\n\t\t\tvar v2 = $(\"#myText\").attr(\"value\"); \n\t\t\talert(v2);\n\t\t}\n\t&lt;\/script&gt;\n    &lt;\/head&gt;\n    &lt;body&gt;\n\t&lt;input type=\"text\" value=\"MyValue\" id=\"myText\"\/&gt;\n\t&lt;input type=\"button\" value=\"OK\" onclick=\"GetValue()\"\/&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Script scr \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0939\u092e\u0928\u0947 jQuery \u0915\u094b \u0910\u0921 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f library file \u0915\u094b \u0910\u0921 \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>\u092f\u0939\u093e\u0901 \u092a\u0930 \u092d\u0940 \u0939\u092e\u0947\u0902 \u090f\u0915 Function GetValue \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u0913\u0930 \u0909\u0938\u0947 Button \u092a\u0930 Call \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>\u0914\u0930 Alert \u092e\u0947 \u0926\u094b\u0928\u094b\u0902 \u0939\u0940 method \u0938\u0947 Output \u0915\u0947 \u090f\u0915 Message Box \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0938\u094d\u0915\u094d\u0930\u0940\u0928 \u092a\u0930 Display \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>Method 1 : jQuery \u0938\u0947 Value Get \/Read \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u092e\u0947 val \u0915\u093e \u0939\u0940 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u093f\u090f \u0964 <\/li><li>Method 2 : attr \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0906\u092a Value Read \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 , \u0907\u0938\u092e\u0947 \u0906\u092a braket \u092e\u0947 inverted comma \u092e\u0947 \u091c\u094b \u092d\u0940 \u0928\u093e\u092e \u0932\u093f\u0916\u0947\u0902\u0917\u0947 \u0909\u0938 attribute \u0915\u0940 value \u0915\u094b \u0906\u092a Get \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">4.2 How to Set Attribute Using jQuery <\/h2>\n\n\n\n<p> jQuery \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e Value Set \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092d\u0940 \u0939\u092e\u0947 CDN \u0910\u0921 \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 , CDN Proper add \u0939\u094b\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926 \u0939\u0940 \u0939\u092e jQuery \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902, \u091c\u093f\u0938 \u092a\u0930 \u0939\u092e\u0928\u0947 JavaScript \u092e\u0947 \u092d\u0940 Set  \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0926\u094b method \u0926\u0947\u0916\u093f \u0925\u0940 \u0935\u0948\u0938\u0947 \u0939\u0940 \u092e\u0947\u0925\u0921 jQuery \u092e\u0947 \u092d\u0940 \u0939\u0948\u0902 , \u0939\u092e \u0915\u093f\u0938\u0940 \u0915\u093e \u092d\u0940 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">&lt;html&gt;\n    &lt;head&gt;\n\t&lt;title&gt;jQuery&lt;\/title&gt;\n\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\" integrity=\"sha256-\/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej\/m4=\"  crossorigin=\"anonymous\"&gt;&lt;\/script&gt;\n\t&lt;script&gt;\n\n\t\tfunction SetValue()\n\t\t{\n\t\t\t\/\/Method 1\n\t\t\t$(\"#myText\").val(\"Using Val\"); \n\t\t}\n\t\tfunction SetProp()\n\t\t{\n\t\t\t\/\/Method 2 \n\t\t\t$(\"#myText\").prop(\"value\", \"Using Prop\"); \n\t\t}\n\t\t\n\t&lt;\/script&gt;\n    &lt;\/head&gt;\n    &lt;body&gt;\n\t&lt;input type=\"text\" value=\"\" maxlength=\"2\" id=\"myText\"\/&gt;\n\t&lt;input type=\"button\" value=\"Set Value using val\"  onclick=\"SetValue()\"\/&gt;\n\t&lt;input type=\"button\" value=\"Set value using prop\" onclick=\"SetProp()\"\/&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"font-size: revert; color: initial;\">Script scr \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0939\u092e\u0928\u0947 jQuery \u0915\u094b \u0910\u0921 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f library file \u0915\u094b \u0910\u0921 \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/span> <\/li><li>\u092f\u0939\u093e\u0901 \u092a\u0930 \u0939\u092e\u0928\u0947 \u0926\u094b function \u092c\u0928\u093e\u092f\u093e \u0939\u0948 \u091c\u093f\u0938\u092e\u0947 \u0938\u0947 \u090f\u0915 Function \u0938\u0947 \u0939\u092e\u0928\u0947 .val method \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u0939\u0948 \u0913\u0930 \u0926\u0942\u0938\u0930\u0947 function \u0938\u0947 \u0939\u092e\u0928\u0947 \u0964 prop \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 value \u0915\u094b \u0938\u0947\u091f \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>\u0926\u094b \u0905\u0932\u0917 \u0905\u0932\u0917 button \u092c\u0928\u093e \u0915\u0930 \u0926\u094b\u0928\u094b\u0902 \u0939\u0940 function \u0915\u094b call \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>.val method \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u0947 \u0938\u0947 \u0939\u092e \u0915\u0947\u0935\u0932 value attribute \u0915\u094b \u0939\u0940 Set \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 <\/li><li>.prop method \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0939\u092e \u091c\u093f\u0938 \u092d\u0940 attribute \u0915\u093e \u0928\u093e\u092e \u092a\u0939\u0932\u0947 parameter \u0932\u093f\u0916\u0947\u0902\u0917\u0947 \u0909\u0938\u0915\u0940 \u0935\u0948\u0932\u094d\u092f\u0942 \u0915\u094b Set \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964  <\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">5.1 How to Submit Value Using Form<\/h2>\n\n\n\n<p>\u092f\u0926\u093f \u0939\u092e php \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0915\u093f\u0938\u0940 \u092d\u0940 Input \u0915\u0940 \u0935\u0948\u0932\u094d\u092f\u0942 Read \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0939\u092e\u0947 Form Submit \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0915\u094d\u092f\u0941\u0915\u0940 php Server Side Scripting Language \u0939\u0948\u0902 \u0907\u0938\u0932\u093f\u090f \u0939\u092e\u0947 Form \u0915\u094b Server \u092a\u0930 Submit \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 Submit \u0915\u0947 \u0932\u093f\u090f \u0906\u092a \u091c\u093f\u0938 \u0924\u0930\u0939 \u0938\u0947 \u0939\u092e\u0928\u0947 \u092c\u0924\u093e\u092f\u093e \u0939\u0948\u0902 \u0910\u0938\u0947 \u092d\u0940 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0914\u0930 <a href=\"https:\/\/selfimagination.in\/tips\/jquery-load\/\">\u092f\u0926\u093f \u0906\u092a Ajax \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e Submit \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u092f\u0939 Article Read \u0915\u0930\u0947 \u0964 <\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;html&gt; \n    &lt;head&gt;&lt;title&gt;Imagination Send Value Using PHP&lt;\/title&gt;&lt;\/head&gt;\n    &lt;body&gt;\n\t&lt;form  action=\"MyPage.php\" method=\"post\"&gt;\n\t\t&lt;input type=\"text\"    name=\"MyText\"\/&gt;\n\t\t&lt;input type=\"submit\" value=\"Submit\" \/&gt;\n\t\t\n    &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>PHP<\/strong> \u092a\u0930 \u0915\u093f\u0938\u0940 \u092d\u0940 Data \u0915\u094b \u0932\u0947 \u091c\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u092e\u0947 Form tag \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0964 <\/li><li><strong>Action :<\/strong> Form tag \u0915\u0947 action attribute \u092a\u0930 \u0939\u092e \u0909\u0938 page \u0915\u093e path \u0932\u093f\u0916 \u0926\u0947\u0924\u0947 \u0939\u0948\u0902 \u091c\u0939\u093e \u092a\u0930 \u0939\u092e\u0947 Value \u092d\u0947\u091c\u0928\u093e \u0939\u0948\u0902 \u0964 <\/li><li><strong>Method :<\/strong> \u0906\u092a GET\/POST \u092e\u0947 \u0938\u0947  \u0915\u094b\u0908 \u092d\u0940 Select \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 , <a href=\"https:\/\/selfimagination.in\/tips\/get-post-method\/\">GET \/ POST \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u091c\u093e\u0928\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092f\u0939\u093e\u0901 Click \u0915\u0930\u0947 <\/a>\u0964 <\/li><li><strong>Input Attribute Name :<\/strong> \u091c\u092c \u092d\u0940 \u0906\u092a Form \u0915\u094b Submit \u0915\u0930\u0947 \u0924\u094b name Attribute \u0915\u094b \u091c\u0930\u0942\u0930 \u0938\u0947\u091f \u0915\u0930\u0947 \u0964 <\/li><li><strong>Input type Submit :<\/strong> form \u0938\u092c\u092e\u093f\u091f \u091c\u092c \u0939\u0940 \u0939\u094b\u0917\u093e \u0924\u092c \u091c\u093f\u0938 \u092c\u091f\u0928 \u0938\u0947 \u0906\u092a Submit \u0915\u0930 \u0930\u0939\u0947 \u0909\u0938\u0915\u093e type submit \u0939\u094b \u092f\u093e \u092b\u093f\u0930 \u0906\u092a Ajax \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0930\u0939\u0947 \u0939\u0948\u0902 \u0924\u094b \u092b\u093f\u0930 submit \u0939\u094b\u0928\u093e \u0906\u0935\u0936\u094d\u092f\u0915 \u0928\u0939\u0940\u0902 \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<pre title=\"MyPage.php\" class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;?php\n\n$p_MyText=\"\";\nif (isset($_POST['MyText']))\n{\t\n\t$p_MyText = $_POST['MyText'];\n}\n\necho $p_MyText;\n\n?&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>\u091c\u0948\u0938\u0947 \u0939\u0940 \u0906\u092a input text \u092e\u0947 \u0935\u0948\u0932\u094d\u092f\u0942 \u0926\u0947\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926 Submit button \u0915\u094b press \u0915\u0930\u0947\u0902\u0917\u0947 Form \u0909\u092a\u0930\u094b\u0915\u094d\u0924 page \u092a\u0930 \u0906\u090f\u0917\u093e \u0964 <\/li><li>\u0939\u092e\u0928\u0947 post method \u0938\u0947 \u0921\u093e\u091f\u093e Send \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0907\u0938\u0932\u093f\u090f \u0939\u092e\u0928\u0947 \u092f\u0939\u093e\u0901 \u092a\u0930 \u092d\u0940 $_POST \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u0939\u0948\u0902 <\/li><li>$_POST \u092e\u0947 Square Braces \u092e\u0947 \u0939\u092e Inverted Comma \u092e\u0947 input type name \u092e\u0947 \u091c\u094b \u0939\u092e\u0928\u0947 \u0932\u093f\u0916\u093e \u0939\u0948\u0902 \u0935\u0939\u0940 \u0932\u093f\u0916\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/li><li>Isset \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u091a\u0947\u0915 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0915\u0940 Page Direct open \u0939\u0941\u0906 \u0939\u0948\u0902 \u092f\u093e Method \u0926\u094d\u0935\u093e\u0930\u093e \u0913\u092a\u0928 \u0915\u093f\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>echo \u0938\u0947 \u0939\u092e\u0928\u0947 \u091c\u094b \u092d\u0940 input \u0915\u0940 \u0935\u0948\u0932\u094d\u092f\u0942 \u0939\u094b\u0917\u0940 \u0909\u0938\u0940 \u0938\u094d\u0915\u094d\u0930\u0940\u0928 \u092a\u0930 Display \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">5.2 How to Set Attribute Using PHP <\/h2>\n\n\n\n<p>\u091c\u094b \u092d\u0940 data \u0939\u092e POST \u0938\u0947 Receive \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u092f\u0926\u093f \u0909\u0938\u0947 Input tag \u092e\u0947 \u0938\u0947\u091f \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u094b \u0939\u092e PHP \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u092c\u0939\u0941\u0924 \u0939\u0940 \u0906\u0938\u093e\u0928\u0940 \u0938\u0947 display \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964  \u0907\u0938 Example \u092e\u0947 \u090f\u0915 \u0939\u0940 Page \u092a\u0930 Action \u0926\u0947 \u0915\u0930 \u0909\u0938 \u092a\u0930 \u0939\u0940 PHP \u0915\u0940 Value \u0915\u094b \u092b\u093f\u0930 \u0938\u0947 Set \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;?php\n\t$p_MyText=\"\";\n\t$NewVal=\"\";\n\tif (isset($_POST['MyText']))\n\t{\t\n\t\t$p_MyText = $_POST['MyText'];\n\t\t$NewVal = \"Hello \" . $p_MyText;\n\t}\n?&gt;\n&lt;html&gt; \n    &lt;head&gt;&lt;title&gt;Imagination Send Value Using PHP&lt;\/title&gt;&lt;\/head&gt;\n    &lt;body&gt;\n\t&lt;form  action=\"YourPage.php\" method=\"post\"&gt;\n\t\t&lt;input type=\"text\"    name=\"MyText\" placeholder=\"Enter your Name\" value=\"&lt;?php echo $NewVal;?&gt;\"\/&gt;\n\t\t\n\t\t&lt;input type=\"submit\" value=\"Submit\" \/&gt;\n\t&lt;\/form&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>\u091c\u092c \u0906\u092a \u0907\u0938 page \u0915\u094b Load \u0915\u0930\u0947\u0902\u0917\u0947 \u0924\u092c isset \u0935\u093e\u0932\u0940 Condition \u0915\u093e Code Execute \u0928\u0939\u0940\u0902 \u0939\u094b\u0917\u093e , \u091c\u092c \u0939\u092e form \u0915\u094b Button \u0926\u094d\u0935\u093e\u0930\u093e Submit \u0915\u0930\u0947\u0902\u0917\u0947 \u0924\u092c \u0935\u0939 Code run \u0939\u094b\u0917\u093e \u0964 <\/li><li>Form \u0915\u0940 Action Same Page \u092a\u0930 \u0939\u0940 \u0939\u0948\u0902 \u0907\u0938\u0932\u093f\u090f post \u092a\u0930 \u092b\u093f\u0930 \u0938\u0947 \u092f\u0939\u0940 Page open \u0939\u094b\u0917\u093e \u0964 <\/li><li>\u091c\u092c \u092d\u0940 Post \u0938\u0947 page open \u0939\u094b\u0917\u093e \u0924\u092c  $NewVal Variable \u092e\u0947 \u0906\u092a\u0928\u0947 \u091c\u094b Type \u0915\u093f\u092f\u093e \u0939\u0948 \u0909\u0938\u0915\u0947 \u092a\u0939\u0932\u0947 Hello \u091c\u0941\u095c\u0915\u0930 \u092b\u093f\u0930 \u0938\u0947 Input \u0915\u0940 Value \u092e\u0947 Set \u0939\u094b \u091c\u093e\u090f\u0917\u093e \u0964 <\/li><li>\u0907\u0938 \u0924\u0930\u0939 \u0938\u0947 \u0906\u092a \u0915\u094b\u0908 \u092d\u0940 Attribute \u0915\u094b \u092d\u0940 Set \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948 \u0964 <\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">6.1 How to Dynamic Create Element Using PHP<\/h2>\n\n\n\n<p>\u091c\u092c \u092d\u0940 PHP Execute \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0906\u092a \u0909\u0938\u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0915\u094b\u0908 \u092d\u0940 HTML Element Draw \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 \u0907\u0938 Example \u092e\u0947 \u0939\u092e\u0928\u0947 \u091c\u094b value \u0939\u092e\u0928\u0947 \u0907\u0938\u0915\u0947 \u092a\u0939\u0932\u0947 \u0935\u093e\u0932\u0947 Example \u092e\u0947 \u0915\u0947\u0935\u0932 Value \u092a\u0930 Set \u0915\u0940 \u0925\u0940 \u0909\u0938\u0947 \u0905\u092c \u092a\u0942\u0930\u0947 Input tag \u0915\u094b \u0939\u0940 Create \u0915\u093f\u092f\u093e \u0939\u0948\u0902\u0964 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;?php\n\t$p_MyText=\"\";\n\t$NewVal=\"\";\n\tif (isset($_POST['MyText']))\n\t{\t\n\t\t$p_MyText = $_POST['MyText'];\n\t\t$NewVal = \"Hello \" . $p_MyText;\n\t}\n?&gt;\n&lt;html&gt; \n    &lt;head&gt;&lt;title&gt;Imagination Send Value Using PHP&lt;\/title&gt;&lt;\/head&gt;\n    &lt;body&gt;\n\t&lt;form  action=\"YourPage.php\" method=\"post\"&gt;\n\t\t&lt;input type=\"text\"    name=\"MyText\" placeholder=\"Enter your Name\" \/&gt;\n\n\t\t&lt;?php\n\t\t\techo '&lt;input type=\"text\" value=\"'.$NewVal.'\"\/&gt;';\t\t\n\t\t?&gt;\n\t\t&lt;input type=\"submit\" value=\"Submit\" \/&gt;\n\t&lt;\/form&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Same Page \u092a\u0930 Form \u0915\u094b Submit \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>\u0909\u0938\u0915\u0947 \u092c\u093e\u0926 \u091c\u094b Value \u0915\u094b \u0939\u092e\u0928\u0947 $_POST \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e Receive \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0909\u0938\u0915\u0947 \u092a\u0939\u0932\u0947 Hello \u091c\u094b\u095c \u0915\u0930 \u0909\u0938\u0947 \u092a\u0941\u0928\u0903 Value \u092e\u0947 Set \u0915\u0930 \u0926\u093f\u092f\u093e \u0939\u0948\u0902 <\/li><li>\u0907\u0938 \u092a\u094d\u0930\u0915\u093e\u0930 \u0906\u092a \u0914\u0930 \u092d\u0940 Attribute set \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/li><li>\u091c\u093f\u0938 \u092a\u0947\u091c \u0915\u094b \u0906\u092a Load \u0915\u0930 \u0930\u0939\u0947 \u0939\u0948\u0902 \u0938\u092c\u092e\u093f\u091f \u0939\u094b\u0928\u0947 \u092a\u0930 \u0909\u0938\u0940 \u092a\u0930 Action \u0939\u094b\u0928\u0947 \u0915\u0947 \u0915\u093e\u0930\u0923 \u092b\u093f\u0930 \u0938\u0947 Open \u0939\u094b \u0930\u0939\u093e \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">6.2 How to Dynamic DOM Creation Using JavaScript<\/h2>\n\n\n\n<p>\u0939\u092e JavaScript \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u092d\u0940 Dynamic Object \u092c\u0928\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 \u0928\u093f\u092e\u094d\u0928 Example \u092e\u0947 \u0939\u092e\u0928\u0947 \u090f\u0915 input \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u0914\u0930 \u0909\u0938\u0947 MyDiv \u092a\u0930 Append \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;html&gt; \n    &lt;head&gt;\n\t&lt;title&gt;Imagination DOM Creation Example&lt;\/title&gt;\n\t&lt;script&gt;\n\t\tfunction CreateElement()\n\t\t{\n\t\t\tvar divp = document.getElementById(\"MyDiv\");\n\t\t\tvar t = document.createElement(\"input\");\n\t\t\tt.type = \"text\";\n\t\t\tt.name = \"Name Of Input\";\n\t\t\tt.id   = \"Input ID\";\n\t\t\tt.value= \"Set the Value\";\n\t\t\tt.className= \"form-control\";\n\t\t\tt.setAttribute('CustomAttribute', 'CA');\n\t\t\tt.onclick = function() {  };\n\t\t\tt.style = \"\";\n\t\t\t\tdivp.appendChild(t);\n\t\t}\n\t&lt;\/script&gt;\n    &lt;\/head&gt;\n    &lt;body&gt;\n\t&lt;input type=\"button\" onclick=\"CreateElement()\" value=\"Create Element\"\/&gt;\n\t&lt;div id=\"MyDiv\"&gt;&lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0939\u092e\u0928\u0947 \u092f\u0939\u093e\u0901 \u092a\u0930 \u090f\u0915 Div \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u091c\u093f\u0938\u0915\u093e id MyDiv \u0932\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 \u0907\u0938\u092e\u0947 \u0914\u0930 \u0915\u094b\u0908 \u092d\u0940 HTML \u0928\u0939\u0940\u0902 \u0939\u0948\u0902 \u0964 <\/li><li>\u092b\u093f\u0930 \u0939\u092e\u0928\u0947 \u090f\u0915 input type button \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u0914\u0930 \u0909\u0938\u0915\u0947 Click Event \u092a\u0930 CreateElement() function \u0915\u094b call \u0915\u093f\u092f\u093e \u0939\u0948\u0902 \u0964 <\/li><li>document.createElement(&#8220;input&#8221;); \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 input \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u0906\u092a \u092f\u0939\u093e\u0901 \u092a\u0930 \u0915\u094b\u0908 \u092d\u0940 Tag \u0915\u093e \u0928\u093e\u092e \u0932\u093f\u0916 \u0909\u0938\u0947 \u092c\u0928\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/li><li>\u0909\u0938\u0915\u0947 \u092c\u093e\u0926 \u091c\u094b \u091c\u094b \u092d\u0940 Attribute \u0939\u092e\u0947 Set \u0915\u0930\u0928\u093e \u0939\u0948\u0902 \u0909\u0928\u0915\u094b \u0938\u0947\u091f \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/li><li>\u091c\u093f\u0928\u094d\u0939\u0947 \u0928\u0939\u0940\u0902 \u0915\u0930\u0928\u093e \u0939\u0948\u0902 \u0909\u0938\u0915\u0947 \u0932\u093f\u0916\u0947\u0902 \u0915\u0940 \u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e \u0928\u0939\u0940\u0902 \u0939\u0948\u0902 , \u0906\u092a\u0915\u094b \u0938\u092e\u091d\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092f\u0939\u093e\u0901 \u092a\u0930 \u0938\u092d\u0940 \u0932\u093f\u0916\u0947 \u0939\u0948\u0902  \u0964 <\/li><li>\u0906\u0916\u0930\u0940 \u092e\u0947 \u0939\u092e\u0928\u0947 \u091c\u094b Div \u092c\u0928\u093e\u092f\u093e \u0939\u0948\u0902 \u0909\u0938 \u092a\u0930 appendChild \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 New Create DOM \u0915\u094b Div \u092e\u0947 Insert \u0915\u0930 \u0926\u0947\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">INPUT TAG SUMMARY<\/h2>\n\n\n\n<p>\u0907\u0938 HTML INPUT TAG Article \u092e\u0947 \u0939\u092e\u0928\u0947 Input \u0915\u0947 \u0938\u092d\u0940 Attribute , \u0938\u093e\u0925 \u092e\u0947 Type Attribute \u092e\u0947 possible value \u0914\u0930 \u0909\u0928\u0915\u0947 \u0926\u093f\u0916\u093e\u0908 \u0926\u0947\u0928\u0947 \u0935\u093e\u0932\u0947 Look \u092f\u093e Design \u0915\u094b \u092c\u0924\u093e\u092f\u093e \u0939\u0948\u0902 , \u0938\u093e\u0925 \u092e\u0947 \u0939\u092e\u0928\u0947 Bootstrap \u0932\u0917\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926 Look \u092e\u0947 \u091c\u094b Changes \u0906\u090f\u0902\u0917\u0947 \u0909\u0928\u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u092d\u0940 \u092c\u0924\u093e\u092f\u093e \u0939\u0948 , \u0909\u0938\u0915\u0947 \u092c\u093e\u0926 \u0939\u092e\u0928\u0947 JavaScript , jQuery \u0938\u0947 \u0915\u0948\u0938\u0947 \u0935\u0948\u0932\u094d\u092f\u0942 Get \/Set \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0909\u0938\u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u092c\u0924\u093e\u092f\u093e \u0939\u0948\u0902 \u0914\u0930 \u0905\u0902\u0924 \u092e\u0947 \u0915\u093f\u0938 \u0924\u0930\u0939 \u0938\u0947 \u0939\u092e Dynamic Object Creation \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0909\u0938\u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u092c\u0924\u093e\u092f\u093e \u0939\u0948\u0902 \u0964  <\/p>\n\n\n\n<p>\u0906\u0936\u093e \u0939\u0948\u0902 \u092e\u0941\u091d\u0947 \u0906\u092a\u0915\u094b \u0938\u092e\u091d \u0906\u092f\u093e \u0939\u094b\u0917\u093e , \u092f\u0939 \u0906\u0930\u094d\u091f\u093f\u0915\u0932 \u0915\u0948\u0938\u093e \u0932\u0917\u093e \u0939\u092e\u0947 Comment \u0915\u0930 \u091c\u0930\u0942\u0930 \u092c\u0924\u093e\u090f \u0964 <\/p>\n\n\n\n<p>\u0927\u0928\u094d\u092f\u0935\u093e\u0926 <\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>List of Attribute of Input Tag Common For All Input Types type String Fields (text, email, url, search, password, tel) Number Fields (number) Buttons (button, submit, reset) Selection (checkbox, radio) Date Time (date, time, datetime-local, week, month) Other (file, color, range) name id autofocus disabled title Other value readonly list placeholder size Validation Related form [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6056,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-5775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/01\/html-input-tag.jpg?fit=1200%2C628&ssl=1","_links":{"self":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/5775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/comments?post=5775"}],"version-history":[{"count":248,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/5775\/revisions"}],"predecessor-version":[{"id":8727,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/5775\/revisions\/8727"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/media\/6056"}],"wp:attachment":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/media?parent=5775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/categories?post=5775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/tags?post=5775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}