{"id":5313,"date":"2023-07-18T04:00:00","date_gmt":"2023-07-17T22:30:00","guid":{"rendered":"https:\/\/aiyoit.com\/tutorial\/?p=5313"},"modified":"2023-07-17T16:46:40","modified_gmt":"2023-07-17T11:16:40","slug":"what-is-form-input-element-its-types-and-attributes","status":"publish","type":"post","link":"https:\/\/aiyoit.com\/tutorial\/what-is-form-input-element-its-types-and-attributes\/","title":{"rendered":"What is Form Input Element?  its Types and Attributes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5313\" class=\"elementor elementor-5313\">\n\t\t\t\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-6927bcb4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6927bcb4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63dccba\" data-id=\"63dccba\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-76ca4184 elementor-shape-circle elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"76ca4184\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));height:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}<\/style>\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-animation-buzz elementor-repeater-item-01b5564\" href=\"https:\/\/www.facebook.com\/aiyoit\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-buzz elementor-repeater-item-8a90b95\" href=\"https:\/\/www.instagram.com\/aiyoitns\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-buzz elementor-repeater-item-567c5bb\" href=\"https:\/\/www.youtube.com\/channel\/UCiagcH73PZUdTzRySS8Axig\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-youtube\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-0a8eee0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0a8eee0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d90ab8c\" data-id=\"d90ab8c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-401e9cd elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"401e9cd\" data-element_type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:&quot;.comment-container,.smart-post&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor-pro - v3.10.1 - 09-01-2023 *\/\n.elementor-widget-table-of-contents .elementor-toc__header-title{color:var(--header-color)}.elementor-widget-table-of-contents.elementor-toc--collapsed .elementor-toc__toggle-button--collapse,.elementor-widget-table-of-contents:not(.elementor-toc--collapsed) .elementor-toc__toggle-button--expand{display:none}.elementor-widget-table-of-contents .elementor-widget-container{min-height:var(--box-min-height);border:var(--box-border-width,1px) solid var(--box-border-color,#a4afb7);border-radius:var(--box-border-radius,3px);background-color:var(--box-background-color);transition:min-height .4s;overflow:hidden}.elementor-toc__header{display:flex;align-items:center;justify-content:space-between;padding:var(--box-padding,20px);background-color:var(--header-background-color);border-bottom:var(--separator-width,1px) solid var(--box-border-color,#a4afb7)}.elementor-toc__header-title{font-size:18px;margin:0;color:var(--header-color)}.elementor-toc__toggle-button{cursor:pointer;display:inline-flex}.elementor-toc__toggle-button i{color:var(--toggle-button-color)}.elementor-toc__toggle-button svg{height:1em;width:1em;fill:var(--toggle-button-color)}.elementor-toc__spinner-container{text-align:center}.elementor-toc__spinner{font-size:2em}.elementor-toc__spinner.e-font-icon-svg{height:1em;width:1em}.elementor-toc__body{padding:var(--box-padding,20px);max-height:var(--toc-body-max-height);overflow-y:auto}.elementor-toc__body::-webkit-scrollbar{width:7px}.elementor-toc__body::-webkit-scrollbar-thumb{background-color:#c2cbd2;border-radius:10px}.elementor-toc__list-wrapper{list-style:none;padding:0}.elementor-toc__list-item{margin-bottom:.5em}.elementor-toc__list-item.elementor-item-active{font-weight:700}.elementor-toc__list-item .elementor-toc__list-wrapper{margin-top:.5em;margin-left:var(--nested-list-indent,1em)}.elementor-toc__list-item-text:hover{color:var(--item-text-hover-color);-webkit-text-decoration:var(--item-text-hover-decoration);text-decoration:var(--item-text-hover-decoration)}.elementor-toc__list-item-text.elementor-item-active{color:var(--item-text-active-color);-webkit-text-decoration:var(--item-text-active-decoration);text-decoration:var(--item-text-active-decoration)}.elementor-toc__list-item-text-wrapper{display:flex;align-items:center}.elementor-toc__list-item-text-wrapper:before,.elementor-toc__list-item-text-wrapper i{margin-right:8px;color:var(--marker-color)}.elementor-toc__list-item-text-wrapper svg{margin-right:8px;fill:var(--marker-color);height:var(--marker-size,.5em);width:var(--marker-size,.5em)}.elementor-toc__list-item-text-wrapper i{font-size:var(--marker-size,.5em)}.elementor-toc__list-item-text-wrapper:before{font-size:var(--marker-size,1em)}.elementor-toc--content-ellipsis .elementor-toc__list-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elementor-toc__list-items--collapsible>.elementor-toc__list-wrapper>.elementor-toc__list-item>.elementor-toc__list-wrapper{display:none}.elementor-toc__heading-anchor{position:absolute}.elementor-toc__body .elementor-toc__list-item-text{color:var(--item-text-color);-webkit-text-decoration:var(--item-text-decoration);text-decoration:var(--item-text-decoration)}.elementor-toc__body .elementor-toc__list-item-text:hover{color:var(--item-text-hover-color);-webkit-text-decoration:var(--item-text-hover-decoration);text-decoration:var(--item-text-hover-decoration)}.elementor-toc__body .elementor-toc__list-item-text.elementor-item-active{color:var(--item-text-active-color);-webkit-text-decoration:var(--item-text-active-decoration);text-decoration:var(--item-text-active-decoration)}ol.elementor-toc__list-wrapper{counter-reset:item}ol.elementor-toc__list-wrapper .elementor-toc__list-item{counter-increment:item}ol.elementor-toc__list-wrapper .elementor-toc__list-item-text-wrapper:before{content:counters(item,\".\") \". \"}<\/style>\t\t<div class=\"elementor-toc__header\">\n\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tTable of Contents\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\"><i class=\"fas fa-chevron-up\"><\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<i class=\"elementor-toc__spinner eicon-animation-spin eicon-loading\" aria-hidden=\"true\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7991c59 elementor-widget elementor-widget-heading\" data-id=\"7991c59\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">What is Input Element?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6435f04 elementor-widget elementor-widget-text-editor\" data-id=\"6435f04\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<ul><li>HTML &lt;input&gt; Element Fundamental Element \u0939\u0948\u0964 \u0907\u0938\u0915\u093e Use User \u0938\u0947 Input Data \u0932\u0947\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f Form Field \u092c\u0928\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>\u0939\u092e User \u0938\u0947 \u0905\u0932\u0917-\u0905\u0932\u0917 Information Collect \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0905\u0932\u0917-\u0905\u0932\u0917 Input Field Apply \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-127e386 elementor-widget elementor-widget-code-highlight\" data-id=\"127e386\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Element<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n<\/head>\r\n<body>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        Enter Your Text<br>\r\n        <input type=\"text\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78f0874 elementor-widget elementor-widget-image\" data-id=\"78f0874\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"175\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Element.png\" class=\"attachment-full size-full wp-image-5315\" alt=\"what is input Element\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Element-300x78.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Element-150x39.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6aaa55 elementor-widget elementor-widget-heading\" data-id=\"a6aaa55\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Types of Input Element<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdaf8c0 elementor-widget elementor-widget-heading\" data-id=\"fdaf8c0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Text<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-676edf9 elementor-widget elementor-widget-text-editor\" data-id=\"676edf9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Text \u0915\u093e Use Single-line Input Text Field \u0915\u094b Define \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2c7b88 elementor-widget elementor-widget-code-highlight\" data-id=\"c2c7b88\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Text<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter first name<\/label><br>  \r\n        <input type=\"text\" name=\"firstname\"><br>  \r\n        <label>Enter last name<\/label><br>  \r\n        <input type=\"text\" name=\"lastname\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64bed12 elementor-widget elementor-widget-image\" data-id=\"64bed12\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"262\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Text.png\" class=\"attachment-full size-full wp-image-5316\" alt=\"type text\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Text.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Text-300x103.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Text-150x51.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f85d1b6 elementor-widget elementor-widget-heading\" data-id=\"f85d1b6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Password<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76e6039 elementor-widget elementor-widget-text-editor\" data-id=\"76e6039\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Password \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948, \u091c\u094b User \u0915\u094b Webpage \u092e\u0947\u0902 \u0938\u0941\u0930\u0915\u094d\u0937\u093f\u0924 \u0930\u0942\u092a \u0938\u0947 Password Enter \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948\u0964<\/li><li>Fill \u0915\u093f\u090f \u0917\u090f Password \u092e\u0947\u0902 Enter Text \u0915\u094b &#8220;*&#8221; \u092f\u093e &#8220;\u0964&#8221; \u092e\u0947\u0902 \u092c\u0926\u0932 \u0926\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948, \u0924\u093e\u0915\u093f \u0907\u0938\u0947 \u0915\u093f\u0938\u0940 \u0905\u0928\u094d\u092f User \u0926\u094d\u0935\u093e\u0930\u093e \u092a\u0922\u093c\u093e \u0928 \u091c\u093e \u0938\u0915\u0947\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98226a4 elementor-widget elementor-widget-code-highlight\" data-id=\"98226a4\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Password<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter Username<\/label><br>  \r\n        <input type=\"text\" name=\"username\"><br>  \r\n        <label>Enter Password<\/label><br>  \r\n        <input type=\"password\" name=\"password\"><br><br>\r\n        <input type=\"submit\" value=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b4b2e9 elementor-widget elementor-widget-image\" data-id=\"5b4b2e9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"289\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Password.png\" class=\"attachment-full size-full wp-image-5317\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Password.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Password-300x113.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Password-150x57.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13839da elementor-widget elementor-widget-heading\" data-id=\"13839da\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Submit<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce4f79 elementor-widget elementor-widget-text-editor\" data-id=\"1ce4f79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Submit \u201cClick&#8221; Event \u0939\u094b\u0928\u0947 \u092a\u0930 Server \u092a\u0930 Form Submit \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f Submit Button \u0915\u094b Define \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f675e2 elementor-widget elementor-widget-code-highlight\" data-id=\"5f675e2\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Submit<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter Username<\/label><br>  \r\n        <input type=\"text\" name=\"username\"><br>  \r\n        <label>Enter Password<\/label><br>  \r\n        <input type=\"password\" name=\"password\"><br><br>\r\n        <input type=\"submit\" value=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a09b7a elementor-widget elementor-widget-image\" data-id=\"7a09b7a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"295\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Submit.png\" class=\"attachment-full size-full wp-image-5318\" alt=\"input submit type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Submit.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Submit-300x116.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Submit-150x58.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecdd34a elementor-widget elementor-widget-heading\" data-id=\"ecdd34a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Reset<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0dca3a5 elementor-widget elementor-widget-text-editor\" data-id=\"0dca3a5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Reset \u0915\u094b \u090f\u0915 \u092c\u091f\u0928 \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u092d\u0940 Define \u0915\u093f\u092f\u093e \u0917\u092f\u093e \u0939\u0948, \u0932\u0947\u0915\u093f\u0928 \u091c\u092c User \u090f\u0915 Click Event \u0915\u0930\u0924\u093e \u0939\u0948, \u0924\u094b \u092f\u0939 Default \u0930\u0942\u092a \u0938\u0947 \u0938\u092d\u0940 Input Values \u0915\u094b Reset \u0915\u0930 \u0926\u0947\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d06222e elementor-widget elementor-widget-code-highlight\" data-id=\"d06222e\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Reset<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>User id: <\/label>  \r\n        <input type=\"text\" name=\"user-id\" value=\"user\">  \r\n        <label>Password: <\/label>  \r\n        <input type=\"password\" name=\"pass\" value=\"pass\">\r\n        <br><br>   \r\n        <input type=\"submit\" value=\"login\">  \r\n        <input type=\"reset\" value=\"Reset\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afaace5 elementor-widget elementor-widget-image\" data-id=\"afaace5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"242\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Reset.png\" class=\"attachment-full size-full wp-image-5319\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Reset.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Reset-300x95.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Reset-150x48.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dadcd46 elementor-widget elementor-widget-heading\" data-id=\"dadcd46\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Radio<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9cae3e elementor-widget elementor-widget-text-editor\" data-id=\"e9cae3e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Radio, Radio Button \u0915\u094b Define \u0915\u0930\u0924\u093e \u0939\u0948, \u091c\u094b Related Option \u0915\u0947 Set \u0915\u0947 \u092c\u0940\u091a \u090f\u0915 Option Choice \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948\u0964 \u090f\u0915 \u0938\u092e\u092f \u092e\u0947\u0902 \u0915\u0947\u0935\u0932 \u090f\u0915 Radio Button Option \u0915\u093e Selection \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2ffb6d elementor-widget elementor-widget-code-highlight\" data-id=\"e2ffb6d\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Radio<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <p>Kindly Select your favorite color<\/p>  \r\n        <input type=\"radio\" name=\"color\" value=\"red\"> Red   \r\n        <input type=\"radio\" name=\"color\" value=\"blue\"> blue   \r\n        <input type=\"radio\" name=\"color\" value=\"green\">green   \r\n        <input type=\"radio\" name=\"color\" value=\"pink\">pink\r\n        <br><br>   \r\n        <input type=\"submit\" value=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50feaf1 elementor-widget elementor-widget-image\" data-id=\"50feaf1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"270\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Radio.png\" class=\"attachment-full size-full wp-image-5320\" alt=\"Input Radio Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Radio.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Radio-300x106.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Radio-150x53.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba5b3e2 elementor-widget elementor-widget-heading\" data-id=\"ba5b3e2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Checkbox<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b856947 elementor-widget elementor-widget-text-editor\" data-id=\"b856947\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Checkbox Square Box \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 Display \u0939\u094b\u0924\u0947 \u0939\u0948\u0902 \u091c\u093f\u0928\u094d\u0939\u0947\u0902 \u0926\u093f\u090f \u0917\u090f Options \u092e\u0947\u0902 \u0938\u0947 Options \u0915\u094b Select \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f Check \u092f\u093e Uncheck \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-433661e elementor-widget elementor-widget-code-highlight\" data-id=\"433661e\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Checkbox<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter your Name:<\/label>  \r\n        <input type=\"text\" name=\"name\">  \r\n        <p>Kindly Select your favourite sports<\/p>  \r\n        <input type=\"checkbox\" value=\"cricket\">Cricket  \r\n        <input type=\"checkbox\" value=\"tennis\">Tennis  \r\n        <input type=\"checkbox\" value=\"football\">Football \r\n        <input type=\"checkbox\" value=\"baseball\">Baseball  \r\n        <input type=\"checkbox\" value=\"badminton\">Badminton\r\n        <br><br>  \r\n        <input type=\"submit\" value=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b94287a elementor-widget elementor-widget-image\" data-id=\"b94287a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"316\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Checkbox.png\" class=\"attachment-full size-full wp-image-5321\" alt=\"Input Checkbox Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Checkbox.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Checkbox-300x124.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Checkbox-150x62.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad04bcd elementor-widget elementor-widget-heading\" data-id=\"ad04bcd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Button<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8fa6c elementor-widget elementor-widget-text-editor\" data-id=\"7e8fa6c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Button \u090f\u0915 Simple Push Button \u0915\u094b Define \u0915\u0930\u0924\u093e \u0939\u0948, \u091c\u093f\u0938\u0947 \u0915\u093f\u0938\u0940 \u092d\u0940 \u0918\u091f\u0928\u093e \u092a\u0930 \u0915\u093e\u0930\u094d\u092f\u093e\u0924\u094d\u092e\u0915 \u0930\u0942\u092a \u0938\u0947 Control \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f Program \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948, \u091c\u0948\u0938\u0947 Click Event\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f3bb9a elementor-widget elementor-widget-code-highlight\" data-id=\"8f3bb9a\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Button<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <input type=\"button\" value=\"Clcik me \" \r\n        onclick=\"alert('You are learning HTML Input Type')\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d1a3f8 elementor-widget elementor-widget-image\" data-id=\"8d1a3f8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"199\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Button.png\" class=\"attachment-full size-full wp-image-5322\" alt=\"Input Button Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Button.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Button-300x85.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Button-150x42.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47bf1f7 elementor-widget elementor-widget-heading\" data-id=\"47bf1f7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type File<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f3dcd7 elementor-widget elementor-widget-text-editor\" data-id=\"9f3dcd7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type File \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948, \u091c\u094b User Device Storage \u0938\u0947 \u090f\u0915 \u092f\u093e \u0905\u0927\u093f\u0915 Files \u0915\u093e Selection \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f Use \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964 \u090f\u0915 \u092c\u093e\u0930 \u091c\u092c \u0906\u092a File \u0915\u093e Select \u0915\u0930 \u0932\u0947\u0924\u0947 \u0939\u0948\u0902, \u0914\u0930 Submit \u0915\u0930\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926, \u0907\u0938 File \u0915\u094b JS Code \u0914\u0930 File API \u0915\u0940 \u092e\u0926\u0926 \u0938\u0947 Server \u092a\u0930 Upload \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b26419c elementor-widget elementor-widget-code-highlight\" data-id=\"b26419c\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type File<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Select file to upload:<\/label>  \r\n        <input type=\"file\" name=\"newfile\"><br>\"><br  \r\n        <input type=\"submit\" value=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0cc6a7 elementor-widget elementor-widget-image\" data-id=\"d0cc6a7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"240\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-File.png\" class=\"attachment-full size-full wp-image-5323\" alt=\"input file type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-File.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-File-300x102.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-File-150x51.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf4feca elementor-widget elementor-widget-heading\" data-id=\"cf4feca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Image<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bebdad elementor-widget elementor-widget-text-editor\" data-id=\"2bebdad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Image \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 Submit Button \u0915\u093e \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f\u0924\u094d\u0935 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f Input Type Image \u0915\u093e Use \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-719761d elementor-widget elementor-widget-code-highlight\" data-id=\"719761d\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type File<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>User id:<\/label><br>  \r\n        <input type=\"text\" name=\"name\"><br><br>  \r\n        <input type=\"image\" alt=\"Submit\" src=\"submit.png\" \r\n        width=\"75px\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb5add elementor-widget elementor-widget-image\" data-id=\"4bb5add\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"308\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Image.png\" class=\"attachment-full size-full wp-image-5324\" alt=\"Input Image Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Image.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Image-300x131.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Image-150x66.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b25b666 elementor-widget elementor-widget-heading\" data-id=\"b25b666\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Color<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c98eae1 elementor-widget elementor-widget-text-editor\" data-id=\"c98eae1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Color \u090f\u0915 Input Field \u0915\u094b Define \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948 \u091c\u093f\u0938\u092e\u0947\u0902 \u090f\u0915 Color \u0939\u094b\u0924\u093e \u0939\u0948\u0964<\/li><li>\u092f\u0939 User \u0915\u094b Browser \u092a\u0930 Visual Color Interface \u0926\u094d\u0935\u093e\u0930\u093e Color Specify \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66184ae elementor-widget elementor-widget-code-highlight\" data-id=\"66184ae\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Color<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <p> Pick your Favorite color:<\/p> \r\n        <input type=\"color\" name=\"upclick\" value=\"#a52a2a\">\r\n        <br><br>  \r\n        <input type=\"color\" name=\"downclick\" value=\"#f5f5dc\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b365f4 elementor-widget elementor-widget-image\" data-id=\"1b365f4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"279\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Color.png\" class=\"attachment-full size-full wp-image-5325\" alt=\"input color type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Color.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Color-300x119.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Color-150x59.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9eed0e0 elementor-widget elementor-widget-heading\" data-id=\"9eed0e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Date<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc025d3 elementor-widget elementor-widget-text-editor\" data-id=\"bc025d3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Date \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948, \u091c\u094b User \u0915\u094b \u0915\u093f\u0938\u0940 \u0926\u093f\u090f \u0917\u090f Format \u092e\u0947\u0902 Date Enter \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948\u0964 User Text Field \u092f\u093e Date Piker Interface \u0926\u094d\u0935\u093e\u0930\u093e Date Enter \u0915\u0930 \u0938\u0915\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-179fca4 elementor-widget elementor-widget-code-highlight\" data-id=\"179fca4\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Date<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <p> Select Start and End Date:<\/p> \r\n        Start date:<input type=\"date\" name=\"Startdate\">  \r\n        End date:<input type=\"date\" name=\"Enddate\"><br><br>  \r\n       <input type=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55f78aa elementor-widget elementor-widget-image\" data-id=\"55f78aa\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"279\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Date.png\" class=\"attachment-full size-full wp-image-5326\" alt=\"Input Date Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Date.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Date-300x119.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Date-150x59.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-658e9bd elementor-widget elementor-widget-heading\" data-id=\"658e9bd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Datetime-local<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef4340e elementor-widget elementor-widget-text-editor\" data-id=\"ef4340e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Datetime-local \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948 \u091c\u094b User \u0915\u094b \u0938\u092e\u092f \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u0915\u0940 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0915\u0947 \u092c\u093f\u0928\u093e Hours \u0914\u0930 Minute \u092e\u0947\u0902 Date \u0915\u0947 \u0938\u093e\u0925-\u0938\u093e\u0925 \u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0938\u092e\u092f \u0915\u093e Selection \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5795520 elementor-widget elementor-widget-code-highlight\" data-id=\"5795520\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Datetime-local<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <p>Select the meeting schedule<\/p> \r\n        Select date & time: \r\n        <input type=\"datetime-local\" name=\"meetingdate\">    \r\n        <br><br><input type=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-458d859 elementor-widget elementor-widget-image\" data-id=\"458d859\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"279\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Datetime-local.png\" class=\"attachment-full size-full wp-image-5327\" alt=\"Input Datetime-local Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Datetime-local.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Datetime-local-300x119.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Datetime-local-150x59.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a79db27 elementor-widget elementor-widget-heading\" data-id=\"a79db27\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Email<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fca4582 elementor-widget elementor-widget-text-editor\" data-id=\"fca4582\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Email \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948 \u091c\u094b User \u0915\u094b Pattern Validation \u0915\u0947 \u0938\u093e\u0925 Email Address Enter \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948\u0964 Multiple Attribute User \u0915\u094b \u090f\u0915 \u0938\u0947 \u0905\u0927\u093f\u0915 Email Address Enter \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u0940 \u0939\u0948\u0902\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d246bc elementor-widget elementor-widget-code-highlight\" data-id=\"4d246bc\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Email<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter your Email-address<\/label>  \r\n        <input type=\"email\" name=\"email\" required>  \r\n        <input type=\"submit\">  \r\n         <p><strong>Note:<\/strong>User can also enter multiple \r\n            email addresses separating by comma or whitespace \r\n            as following: <\/p>  \r\n         <label>Enter multiple Email-addresses<\/label>  \r\n         <input type=\"email\" name=\"email\"  multiple>  \r\n        <input type=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1ba005 elementor-widget elementor-widget-image\" data-id=\"b1ba005\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"279\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Email.png\" class=\"attachment-full size-full wp-image-5328\" alt=\"Input Email Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Email.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Email-300x119.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Email-150x59.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-887b6d1 elementor-widget elementor-widget-heading\" data-id=\"887b6d1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Month<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53f52c7 elementor-widget elementor-widget-text-editor\" data-id=\"53f52c7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Month \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948 \u091c\u094b User \u0915\u094b &#8220;MM, YYYY&#8221; \u0915\u0947 Format \u092e\u0947\u0902 Month \u0914\u0930 Year \u0915\u094b \u0906\u0938\u093e\u0928\u0940 \u0938\u0947 Enter \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948, \u091c\u0939\u093e\u0902 MM Month \u0915\u0947 Value \u0915\u094b Define \u0915\u0930\u0924\u093e \u0939\u0948, \u0914\u0930 YYYY Year \u0915\u0947 Value \u0915\u094b Define \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29b454b elementor-widget elementor-widget-code-highlight\" data-id=\"29b454b\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Month<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter your Birth Month-year: <\/label>  \r\n        <input type=\"month\" name=\"newMonth\">  \r\n        <input type=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37fe015 elementor-widget elementor-widget-image\" data-id=\"37fe015\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"223\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Month.png\" class=\"attachment-full size-full wp-image-5329\" alt=\"Input Month Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Month.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Month-300x95.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Month-150x47.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0600cb7 elementor-widget elementor-widget-heading\" data-id=\"0600cb7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Number<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b53b792 elementor-widget elementor-widget-text-editor\" data-id=\"b53b792\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Number \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948 \u091c\u094b User \u0915\u094b Numeration Value Enter \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u0940 \u0939\u0948\u0964 \u0906\u092a Min \u0914\u0930 Max Attribute \u0915\u093e Use \u0915\u0930\u0915\u0947 Minimum \u0914\u0930 Maximum Value Enter \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092d\u0940 Restricted \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f377a0d elementor-widget elementor-widget-code-highlight\" data-id=\"f377a0d\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Number<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter random number: <\/label>  \r\n        <input type=\"number\" name=\"num\" min=\"4\" max=\"8\">  \r\n        <input type=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73ee0bb elementor-widget elementor-widget-image\" data-id=\"73ee0bb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"223\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Number.png\" class=\"attachment-full size-full wp-image-5330\" alt=\"Input Number Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Number.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Number-300x95.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Number-150x47.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-918ee9f elementor-widget elementor-widget-heading\" data-id=\"918ee9f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type URL<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb4ffa5 elementor-widget elementor-widget-text-editor\" data-id=\"cb4ffa5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type URL \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948 \u091c\u094b User \u0915\u094b URL Enter \u0915\u0930\u0928\u0947 \u092e\u0947\u0902 \u0938\u0915\u094d\u0937\u092e \u092c\u0928\u093e\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e28b10 elementor-widget elementor-widget-code-highlight\" data-id=\"3e28b10\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type URL<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter your website URL: <\/label>  \r\n        <input type=\"url\" name=\"website\" \r\n        placeholder=\"http:\/\/example.com\">  \r\n        <input type=\"submit\" value=\"send data\"> \r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645778a elementor-widget elementor-widget-image\" data-id=\"645778a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"223\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-URL.png\" class=\"attachment-full size-full wp-image-5331\" alt=\"Input URL Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-URL.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-URL-300x95.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-URL-150x47.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baa71f3 elementor-widget elementor-widget-heading\" data-id=\"baa71f3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Week<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dbf06b elementor-widget elementor-widget-text-editor\" data-id=\"9dbf06b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Week \u090f\u0915 Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948 \u091c\u094b User \u0915\u094b \u0938\u092e\u092f \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u0915\u0947 \u092c\u093f\u0928\u093e Drop-down Calendar \u0938\u0947 Week \u0914\u0930 Year \u0915\u093e Selection \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdee564 elementor-widget elementor-widget-code-highlight\" data-id=\"cdee564\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Week<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Select your best week of year:<\/label>  \r\n        <input type=\"week\" name=\"bestweek\">  \r\n        <input type=\"submit\" value=\"Send data\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3578850 elementor-widget elementor-widget-image\" data-id=\"3578850\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"223\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Week.png\" class=\"attachment-full size-full wp-image-5332\" alt=\"Input Week Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Week.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Week-300x95.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Week-150x47.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-468a37a elementor-widget elementor-widget-heading\" data-id=\"468a37a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Search<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-825e3de elementor-widget elementor-widget-text-editor\" data-id=\"825e3de\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Search \u090f\u0915 Input File \u092c\u0928\u093e\u0924\u093e \u0939\u0948 \u091c\u094b User \u0915\u094b \u090f\u0915 Search String Enter \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c316a1 elementor-widget elementor-widget-code-highlight\" data-id=\"9c316a1\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Search<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Search here:<\/label>  \r\n        <input type=\"search\" name=\"search\">  \r\n        <input type=\"submit\" value=\"search\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a649ada elementor-widget elementor-widget-image\" data-id=\"a649ada\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"223\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Search.png\" class=\"attachment-full size-full wp-image-5333\" alt=\"Input Search Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Search.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Search-300x95.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Search-150x47.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1021a elementor-widget elementor-widget-heading\" data-id=\"1a1021a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Input Type Tel<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69a4943 elementor-widget elementor-widget-text-editor\" data-id=\"69a4943\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Type Tel Telephone Number Enter \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f Input Field \u092c\u0928\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>Tel Type \u092e\u0947\u0902 Email \u091c\u0948\u0938\u0947 Default Validation \u0928\u0939\u0940\u0902 \u0939\u094b\u0924\u093e \u0939\u0948, \u0915\u094d\u092f\u094b\u0902\u0915\u093f Telephone Number Pattern \u0926\u0941\u0928\u093f\u092f\u093e \u092d\u0930 \u092e\u0947\u0902 \u092d\u093f\u0928\u094d\u0928 \u0939\u094b \u0938\u0915\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edc61f0 elementor-widget elementor-widget-code-highlight\" data-id=\"edc61f0\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Type<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Input Type Tel<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label>Enter your Telephone Number:<\/label>  \r\n        <input type=\"tel\" name=\"telephone\" required>  \r\n        <input type=\"submit\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa00569 elementor-widget elementor-widget-image\" data-id=\"aa00569\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"223\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Tel.png\" class=\"attachment-full size-full wp-image-5334\" alt=\"Input Tel Type\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Tel.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Tel-300x95.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Type-Tel-150x47.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e57825 elementor-widget elementor-widget-heading\" data-id=\"4e57825\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Attributes of Input Element<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50027fa elementor-widget elementor-widget-heading\" data-id=\"50027fa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Value Attribute<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c513ac elementor-widget elementor-widget-text-editor\" data-id=\"7c513ac\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Value Attribute Input Field \u0915\u0947 \u0932\u093f\u090f Primary Value \u0915\u094b Specify \u0915\u0930\u0924\u0940 \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4875f43 elementor-widget elementor-widget-code-highlight\" data-id=\"4875f43\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Value Attribute<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label for=\"fname\">First name:<\/label>\r\n        <input type=\"text\" name=\"fname\" value=\"John\"><br><br>\r\n        <label for=\"lname\">Last name:<\/label>\r\n        <input type=\"text\" name=\"lname\" value=\"Doe\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6f78cc elementor-widget elementor-widget-image\" data-id=\"e6f78cc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"705\" height=\"242\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Value-Attribute.png\" class=\"attachment-full size-full wp-image-5335\" alt=\"Value Attribute\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Value-Attribute.png 705w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Value-Attribute-300x103.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Value-Attribute-150x51.png 150w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-982325d elementor-widget elementor-widget-heading\" data-id=\"982325d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Readonly Attribute<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1b0e87 elementor-widget elementor-widget-text-editor\" data-id=\"f1b0e87\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Readonly Attribute Specify \u0915\u0930\u0924\u0940 \u0939\u0948 \u0915\u093f \u092f\u0939 Input Field Only Read \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u0948\u0964<\/li><li>Readonly \u0915\u0947 \u0932\u093f\u090f Input Field \u0915\u094b Modifies \u0928\u0939\u0940\u0902 \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948 (\u0939\u093e\u0932\u093e\u0902\u0915\u093f, User \u0907\u0938\u0947 Tab \u0915\u0930 \u0938\u0915\u0924\u093e \u0939\u0948, \u0907\u0938\u0947 Highlight \u0915\u0930 \u0938\u0915\u0924\u093e \u0939\u0948 \u0914\u0930 \u0907\u0938\u0938\u0947 Text Copy \u0915\u0930 \u0938\u0915\u0924\u093e \u0939\u0948)\u0964<\/li><li>Form Submit \u0915\u0930\u0924\u0947 \u0938\u092e\u092f Readonly Input Field \u0915\u093e Value \u092d\u0947\u091c\u093e \u091c\u093e\u090f\u0917\u093e!<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7ee873 elementor-widget elementor-widget-code-highlight\" data-id=\"d7ee873\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Readonly Attribute<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label for=\"fname\">Website name:<\/label>\r\n        <input type=\"text\" name=\"fname\" value=\"Aiyoit\" readonly>\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bb8582 elementor-widget elementor-widget-image\" data-id=\"3bb8582\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"218\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Readonly-Attribute.png\" class=\"attachment-full size-full wp-image-5336\" alt=\"Readonly Attribute\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Readonly-Attribute.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Readonly-Attribute-300x86.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Readonly-Attribute-150x43.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22217b2 elementor-widget elementor-widget-heading\" data-id=\"22217b2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Placeholder Attribute<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec07665 elementor-widget elementor-widget-text-editor\" data-id=\"ec07665\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Placeholder Attribute \u090f\u0915 Short Hint Specify \u0915\u0930\u0924\u0940 \u0939\u0948 \u091c\u094b Input Field \u0915\u0947 Excepted Value (Sample Value \u092f\u093e Excepted Format \u0915\u093e Short Description) \u0915\u094b Describe \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/li><li>Placeholder Attribute \u0928\u093f\u092e\u094d\u0928\u0932\u093f\u0916\u093f\u0924 Input Types \u0915\u0947 \u0938\u093e\u0925 Work \u0915\u0930\u0924\u0940 \u0939\u0948: Text, Search, URL, Tel, Email \u0914\u0930 Password\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b0aee8 elementor-widget elementor-widget-code-highlight\" data-id=\"2b0aee8\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Placeholder Attribute<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label for=\"phone\">Enter a phone number:<\/label>\r\n        <input type=\"tel\" placeholder=\"123-45-678\"\r\n        name=\"phone\" pattern=\"[0-9]{3}-[0-9]{2}-[0-9]{3}\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96b59d5 elementor-widget elementor-widget-image\" data-id=\"96b59d5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"218\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Placeholder-Attribute.png\" class=\"attachment-full size-full wp-image-5337\" alt=\"Placeholder Attribute\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Placeholder-Attribute.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Placeholder-Attribute-300x86.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Placeholder-Attribute-150x43.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-417fff4 elementor-widget elementor-widget-heading\" data-id=\"417fff4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Pattern Attribute<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3c003d elementor-widget elementor-widget-text-editor\" data-id=\"c3c003d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Pattern Attribute \u090f\u0915 Regular Expression specify \u0915\u0930\u0924\u0940 \u0939\u0948 \u0915\u093f Form Submit \u0939\u094b\u0928\u0947 \u092a\u0930 Input Field \u0915\u093e Value Check \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>Pattern Attribute \u0928\u093f\u092e\u094d\u0928\u0932\u093f\u0916\u093f\u0924 Input Types \u0915\u0947 \u0938\u093e\u0925 Work \u0915\u0930\u0924\u0940 \u0939\u0948: Text, Date, Search, URL, Tel, Email \u0914\u0930 Password\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b61ae7 elementor-widget elementor-widget-code-highlight\" data-id=\"8b61ae7\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Pattern Attribute<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label for=\"phone\">Enter a phone number:<\/label>\r\n        <input type=\"tel\" placeholder=\"123-45-678\"\r\n        name=\"phone\" pattern=\"[0-9]{3}-[0-9]{2}-[0-9]{3}\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51f57a1 elementor-widget elementor-widget-image\" data-id=\"51f57a1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"218\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Pattern-Attribute.png\" class=\"attachment-full size-full wp-image-5338\" alt=\"Pattern Attribute\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Pattern-Attribute.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Pattern-Attribute-300x86.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Input-Pattern-Attribute-150x43.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9f4711 elementor-widget elementor-widget-heading\" data-id=\"c9f4711\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Size Attribute<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-443ae09 elementor-widget elementor-widget-text-editor\" data-id=\"443ae09\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Size Attribute \u090f\u0915 Input Field \u0915\u0940 \u0926\u0943\u0936\u094d\u092f width, Characters \u092e\u0947\u0902 Specifies \u0915\u0930\u0924\u0940 \u0939\u0948\u0964 Size \u0915\u0947 \u0932\u093f\u090f Default Value 20 \u0939\u0948\u0964<\/li><li>Size Attribute \u0928\u093f\u092e\u094d\u0928\u0932\u093f\u0916\u093f\u0924 Input Types \u0915\u0947 \u0938\u093e\u0925 Work \u0915\u0930\u0924\u0940 \u0939\u0948: Text, Search, Tel, URL, Email \u0914\u0930 Password\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9f802 elementor-widget elementor-widget-code-highlight\" data-id=\"7c9f802\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Size Attribute<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label for=\"fname\">First name:<\/label><br>\r\n        <input type=\"text\" name=\"fname\" size=\"50\"><br>\r\n        <label for=\"pin\">PIN:<\/label><br>\r\n        <input type=\"text\" name=\"pin\" size=\"4\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-631a742 elementor-widget elementor-widget-image\" data-id=\"631a742\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"764\" height=\"267\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Size-Attribute.png\" class=\"attachment-full size-full wp-image-5345\" alt=\"Input Size Attribute\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Size-Attribute.png 764w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Size-Attribute-300x105.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Size-Attribute-150x52.png 150w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82ad416 elementor-widget elementor-widget-heading\" data-id=\"82ad416\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Maxlenght Attribute<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbbc152 elementor-widget elementor-widget-text-editor\" data-id=\"dbbc152\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Maxlength Attribute Input Field \u092e\u0947\u0902 Allow Character \u0915\u0940 Maximum Number \u0915\u094b Specifies \u0915\u0930\u0924\u0940 \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-091a080 elementor-widget elementor-widget-code-highlight\" data-id=\"091a080\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\r\n<\/head>\r\n<body>\r\n    <h1>Example of Maxlength Attribute<\/h1>\r\n    <form action=\"action_page.php\" method=\"post\">\r\n        <label for=\"fname\">First name:<\/label><br>\r\n        <input type=\"text\" name=\"fname\" size=\"50\"><br>\r\n        <label for=\"pin\">PIN:<\/label><br>\r\n        <input type=\"text\" name=\"pin\" maxlength=\"4\" size=\"4\">\r\n    <\/form>\r\n<\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2182525 elementor-widget elementor-widget-heading\" data-id=\"2182525\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Min and Max Attributes<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-114c87f elementor-widget elementor-widget-text-editor\" data-id=\"114c87f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Min \u0914\u0930 Max Attribute Input Field \u0915\u0947 \u0932\u093f\u090f Minimum \u0914\u0930 Maximum Value \u0915\u094b Specified \u0915\u0930\u0924\u0947 \u0939\u0948\u0902\u0964<\/li><li>Minimum \u0914\u0930 Maximum Attribute \u0928\u093f\u092e\u094d\u0928\u0932\u093f\u0916\u093f\u0924 Input Types \u0915\u0947 \u0938\u093e\u0925 Work \u0915\u0930\u0924\u0940 \u0939\u0948\u0902: Number, Range, Date, Datetime-local, Month, Time \u0914\u0930 Week\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b531dc elementor-widget elementor-widget-code-highlight\" data-id=\"4b531dc\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h1>The Input Min and Max Attributes<\/h1>\r\n    <form action=\"action_page.php\">\r\n      <label for=\"datemax\">Enter a date before \r\n        1980-01-01:<\/label>\r\n      <input type=\"date\" name=\"datemax\" max=\"1979-12-31\"\/>\r\n      <br \/><br \/>\r\n      <label for=\"datemin\">Enter a date after \r\n        2000-01-01:<\/label>\r\n      <input type=\"date\" name=\"datemin\" min=\"2000-01-02\"\/>\r\n      <br \/><br \/>\r\n      <label for=\"quantity\">Quantity (between \r\n        2 and 8):<\/label>\r\n      <input type=\"number\" name=\"quantity\" min=\"2\"max=\"8\"\/>\r\n      <br \/><br \/>\r\n      <input type=\"submit\" value=\"Submit\" \/>\r\n    <\/form>\r\n  <\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dd8466 elementor-widget elementor-widget-image\" data-id=\"3dd8466\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"730\" height=\"319\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Min-and-Max-Attribute.png\" class=\"attachment-full size-full wp-image-5367\" alt=\"Input Min and Max Attribute\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Min-and-Max-Attribute.png 730w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Min-and-Max-Attribute-300x131.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Min-and-Max-Attribute-150x66.png 150w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa43ed3 elementor-widget elementor-widget-heading\" data-id=\"aa43ed3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Multiple Attribute<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccf7b91 elementor-widget elementor-widget-text-editor\" data-id=\"ccf7b91\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Multiple Attribute Specified \u0915\u0930\u0924\u0940 \u0939\u0948 \u0915\u093f User \u0915\u094b Input Field \u092e\u0947\u0902 \u090f\u0915 \u0938\u0947 \u0905\u0927\u093f\u0915 Value Enter \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0939\u0948\u0964<\/li><li>Multiple Attribute \u0928\u093f\u092e\u094d\u0928 Input Types \u0915\u0947 \u0938\u093e\u0925 Work \u0915\u0930\u0924\u0940 \u0939\u0948: Email \u0914\u0930 File\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-188f54f elementor-widget elementor-widget-code-highlight\" data-id=\"188f54f\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h1>The Input Multiple Attribute<\/h1>\r\n    <form action=\"action_page.php\">\r\n      <label for=\"files\">Select files:<\/label>\r\n      <input type=\"file\" name=\"files\" multiple>\r\n      <br><br>\r\n      <input type=\"submit\" value=\"Submit\">\r\n    <\/form>\r\n  <\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f84ac3e elementor-widget elementor-widget-image\" data-id=\"f84ac3e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"659\" height=\"249\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Multiple-Attribute.png\" class=\"attachment-full size-full wp-image-5384\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Multiple-Attribute.png 659w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Multiple-Attribute-300x113.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Multiple-Attribute-150x57.png 150w\" sizes=\"(max-width: 659px) 100vw, 659px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a29abd elementor-widget elementor-widget-heading\" data-id=\"4a29abd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Require Attribute <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9678eb elementor-widget elementor-widget-text-editor\" data-id=\"d9678eb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Input Require Attribute Specified \u0915\u0930\u0924\u0940 \u0939\u0948 \u0915\u093f Form Submit \u0915\u0930\u0928\u0947 \u0938\u0947 \u092a\u0939\u0932\u0947 \u092f\u0939 Input Field \u092d\u0930\u0928\u093e \u0906\u0935\u0936\u094d\u092f\u0915 \u0939\u0948\u0964<\/li><li>Require Attribute \u0928\u093f\u092e\u094d\u0928\u0932\u093f\u0916\u093f\u0924 Input Types \u0915\u0947 \u0938\u093e\u0925 Work \u0915\u0930\u0924\u0940 \u0939\u0948: Text, Search, URL, Tel, Email, Password, Date-piker, Number, Checkbox, Radio \u0914\u0930 File\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02dd51a elementor-widget elementor-widget-code-highlight\" data-id=\"02dd51a\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Input Attribute<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h1>The Input Require Attribute<\/h1>\r\n    <form action=\"\/action_page.php\">\r\n       <label for=\"username\">Username<\/label><br>\r\n       <input type=\"text\" name=\"username\" required>\r\n       <br><br>\r\n       <label for=\"pass\">Password<\/label><br>\r\n       <input type=\"text\" name=\"pass\" required>\r\n       <br><br>\r\n       <input type=\"submit\" value=\"Submit\">\r\n     <\/form>\r\n <\/body\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-046c156 elementor-widget elementor-widget-image\" data-id=\"046c156\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"807\" height=\"315\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Required-Attribute.png\" class=\"attachment-full size-full wp-image-5406\" alt=\"Input Required Attribute\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Required-Attribute.png 807w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Required-Attribute-300x117.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Required-Attribute-150x59.png 150w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Required-Attribute-768x300.png 768w\" sizes=\"(max-width: 807px) 100vw, 807px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-3a195d7f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3a195d7f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-210aa4fa\" data-id=\"210aa4fa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25638fdc elementor-widget elementor-widget-eael-content-ticker\" data-id=\"25638fdc\" data-element_type=\"widget\" data-widget_type=\"eael-content-ticker.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"eael-ticker-wrap\" id=\"eael-ticker-wrap-25638fdc\"><div class=\"ticker-badge\">\n                    <span>Trending Today<\/span>\n                <\/div><div class=\"swiper-container-wrap eael-ticker\">\n                <div class=\"swiper-container eael-content-ticker swiper-container-25638fdc\" data-pagination=\".swiper-pagination-25638fdc\" data-arrow-next=\".swiper-button-next-25638fdc\" data-arrow-prev=\".swiper-button-prev-25638fdc\" data-effect=\"slide\" data-speed=\"400\" data-autoplay=\"2000\" data-loop=\"1\" data-arrows=\"1\">\n                    <div class=\"swiper-wrapper\"><div class=\"swiper-slide\">\n        <div class=\"ticker-content\">\n            <a href=\"https:\/\/aiyoit.com\/tutorial\/upsi-gs-hindi-100-questions-quiz\/\" class=\"ticker-content-link\">UPSI GS &#038; Hindi &#8211; 100 Questions Quiz<\/a>\n        <\/div>\n    <\/div><div class=\"swiper-slide\">\n        <div class=\"ticker-content\">\n            <a href=\"https:\/\/aiyoit.com\/tutorial\/upp-quiz-questions-100\/\" class=\"ticker-content-link\">UPP Quiz Questions 100<\/a>\n        <\/div>\n    <\/div><div class=\"swiper-slide\">\n        <div class=\"ticker-content\">\n            <a href=\"https:\/\/aiyoit.com\/tutorial\/fundamental-word-excel-tally-photoshop-internet-test-quiz\/\" class=\"ticker-content-link\">Fundamental , Word, Excel, Tally, Photoshop, Internet -Test Quiz<\/a>\n        <\/div>\n    <\/div><div class=\"swiper-slide\">\n        <div class=\"ticker-content\">\n            <a href=\"https:\/\/aiyoit.com\/tutorial\/fundamental-word-excel-tally-test-quiz-2\/\" class=\"ticker-content-link\">Fundamental , Word, Excel, Tally &#8211; Test Quiz<\/a>\n        <\/div>\n    <\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"content-ticker-pagination\"><div class=\"swiper-button-next swiper-button-next-25638fdc\"><i class=\"fas fa-angle-right\"><\/i><\/div><div class=\"swiper-button-prev swiper-button-prev-25638fdc\"><i class=\"fas fa-angle-left\"><\/i><\/div><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-3d3e1947 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d3e1947\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-64205204\" data-id=\"64205204\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ff2dacb elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-share-buttons--shape-square elementor-grid-0 elementor-share-buttons--color-official elementor-widget elementor-widget-share-buttons\" data-id=\"7ff2dacb\" data-element_type=\"widget\" data-widget_type=\"share-buttons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-share-buttons.min.css\">\t\t<div class=\"elementor-grid\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"elementor-share-btn elementor-share-btn_facebook\"\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\taria-label=\"Share on facebook\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-facebook\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tFacebook\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"elementor-share-btn elementor-share-btn_pinterest\"\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\taria-label=\"Share on pinterest\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-pinterest\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tPinterest\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"elementor-share-btn elementor-share-btn_linkedin\"\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\taria-label=\"Share on linkedin\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-linkedin\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tLinkedIn\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"elementor-share-btn elementor-share-btn_whatsapp\"\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\taria-label=\"Share on whatsapp\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tWhatsApp\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Form Input Element \u090f\u0915 HTML \u0924\u0924\u094d\u0935 \u0939\u0948 \u091c\u094b Web Form \u092e\u0947\u0902 Users \u0915\u094b \u0921\u0947\u091f\u093e \u0926\u0930\u094d\u091c \u0915\u0930\u0928\u0947 \u092f\u093e \u091a\u092f\u0928 \u0915\u0930\u0928\u0947 \u0915\u0940 \u0905\u0928\u0941\u092e\u0924\u093f \u0926\u0947\u0924\u093e \u0939\u0948 \u0907\u0938\u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 Users \u0938\u0947 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0932\u0940 \u091c\u093e\u0924\u0940 \u0939\u0948 \u0914\u0930 \u0909\u0938\u0947 \u0938\u0930\u094d\u0935\u0930<\/p>\n","protected":false},"author":6,"featured_media":5718,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"categories":[274],"tags":[814,10,9,457,816,497,824,818,517,811,808,809,812,815,810,817,819,813,822,820,801,794,821],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/posts\/5313"}],"collection":[{"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/comments?post=5313"}],"version-history":[{"count":8,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/posts\/5313\/revisions"}],"predecessor-version":[{"id":5442,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/posts\/5313\/revisions\/5442"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/media\/5718"}],"wp:attachment":[{"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/media?parent=5313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/categories?post=5313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/tags?post=5313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}