{"id":9782,"date":"2014-11-21T08:58:24","date_gmt":"2014-11-21T08:58:24","guid":{"rendered":"https:\/\/harlahzesafar.ir\/form-elements\/"},"modified":"2014-11-21T08:58:24","modified_gmt":"2014-11-21T08:58:24","slug":"form-elements","status":"publish","type":"page","link":"https:\/\/harlahzesafar.ir\/en\/form-elements\/","title":{"rendered":"Form elements"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]All form elements are built on Bootstrap 3 and check out the form elements page for more demos.<\/p>\n<div class=\"gap gap-small\"><\/div>\n<hr>\n<h2>Early demo<\/h2>\n<div class=\"row row-wrap\">\n<div class=\"col-md-4\">\n<h4>large size<\/h4>\n<form>\n<div class=\"form-group form-group-lg\"><label>Email address<\/label><br \/>\n<input class=\"form-control\" type=\"email\" placeholder=\"Enter email\"><\/div>\n<div class=\"form-group form-group-lg\"><label>password<\/label><br \/>\n<input class=\"form-control\" type=\"password\" placeholder=\"Password\"><\/div>\n<div class=\"checkbox\"><label><br \/>\n<input type=\"checkbox\">Confirm password<\/label><\/div>\n<p><input class=\"btn btn-primary\" type=\"submit\" value=\"Log In\"><\/p>\n<\/form>\n<\/div>\n<div class=\"col-md-4\">\n<h4>Normal size<\/h4>\n<form>\n<div class=\"form-group\"><label>Email address<\/label><br \/>\n<input class=\"form-control\" type=\"email\" placeholder=\"Enter email\"><\/div>\n<div class=\"form-group\"><label>password<\/label><br \/>\n<input class=\"form-control\" type=\"password\" placeholder=\"Password\"><\/div>\n<div class=\"checkbox\"><label><br \/>\n<input type=\"checkbox\">Confirm password<\/label><\/div>\n<p><input class=\"btn btn-primary\" type=\"submit\" value=\"Log In\"><\/p>\n<\/form>\n<\/div>\n<div class=\"col-md-4\">\n<h4>small size<\/h4>\n<form>\n<div class=\"form-group form-group-sm\"><label>Email address<\/label><br \/>\n<input class=\"form-control\" type=\"email\" placeholder=\"Enter email\"><\/div>\n<div class=\"form-group form-group-sm\">password<br \/>\n<input class=\"form-control\" type=\"password\" placeholder=\"Password\"><\/div>\n<div class=\"checkbox\"><label><br \/>\n<input type=\"checkbox\">Confirm password<\/label><\/div>\n<p><input class=\"btn btn-primary\" type=\"submit\" value=\"Log In\"><\/p>\n<\/form>\n<\/div>\n<\/div>\n<hr>\n<h2>Advanced input effects<\/h2>\n<div class=\"row row-wrap\">\n<div class=\"col-md-4\">\n<div class=\"form-group form-group-label-highlight\">Tag indicator<br \/>\n<input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<div class=\"form-group form-group-label-anim\">Animation label<br \/>\n<input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<\/div>\n<div class=\"col-md-8\">\n<div class=\"row\">\n<div class=\"col-md-6\">\n<div class=\"form-group form-group-icon-left\"><label>Left input icon<\/label><i class=\"fa fa-star input-icon\"><\/i><input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<div class=\"form-group form-group-icon-left\">Highlight icon<input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<div class=\"form-group form-group-icon-left\">Bounce icon<input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<div class=\"form-group form-group-icon-left\">Rotating icon<input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<\/div>\n<div class=\"col-md-6\">\n<div class=\"form-group form-group-icon-right\"><label>Left input icon<\/label><input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<div class=\"form-group form-group-icon-left\">Display icon<input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<div class=\"form-group form-group-icon-left\"><label>Tada icon<\/label><i class=\"fa fa-search input-icon input-icon-tada\"><\/i><input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<div class=\"form-group form-group-icon-left\">Vibration icon<input class=\"form-control\" type=\"text\" placeholder=\"write something...\"><\/div>\n<\/div>\n<\/div>\n<p>Lorem Ipsum is placeholder text that is commonly used in the printing and graphic design industries. It features a meaningless simplicity derived from the printing sector, utilizing the work of graphic designers. Newspapers and magazines use it to fill columns and lines as needed, serving current technological requirements and diverse applications with the goal of enhancing practical tools.<br \/>Note: Since the original text is in Persian and consists of standard Lorem Ipsum placeholder content, the translation maintains the same generic meaning and structure commonly associated with Lorem Ipsum texts. <\/p>\n<\/div>\n<\/div>\n<hr>\n<h2>Advanced checkboxes and radius<\/h2>\n<div class=\"row row-wrap\">\n<div class=\"col-md-4\">\n<h5>check box<\/h5>\n<div class=\"checkbox\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 1<\/label><\/div>\n<div class=\"checkbox\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 2<\/label><\/div>\n<div class=\"checkbox\"><label><br \/>\n<input class=\"i-check\" disabled type=\"checkbox\">Disabled<\/label><\/div>\n<div class=\"checkbox\"><label><br \/>\n<input class=\"i-check\" checked disabled type=\"checkbox\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<h5>Radius<\/h5>\n<div class=\"radio\"><label><br \/>\n<input class=\"i-radio\" name=\"ratioOption\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio\"><label><br \/>\n<input class=\"i-radio\" name=\"ratioOption\" type=\"radio\">Radio 2<\/label><\/div>\n<div class=\"radio\"><label><br \/>\n<input class=\"i-radio\" disabled name=\"disabledRadio\" type=\"radio\">Disabled<\/label><\/div>\n<div class=\"radio\"><label><br \/>\n<input class=\"i-radio\" checked disabled name=\"disabledChekedRadio\" type=\"radio\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<h5>inline<\/h5>\n<div class=\"checkbox-inline\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 1<\/label><\/div>\n<div class=\"checkbox-inline\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 2<\/label><\/div>\n<div class=\"gap gap-mini\"><\/div>\n<div class=\"radio-inline\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio-inline\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 2<\/label><\/div>\n<\/div>\n<\/div>\n<h4>Smaller size<\/h4>\n<div class=\"row row-wrap\">\n<div class=\"col-md-4\">\n<div class=\"checkbox checkbox-small\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 1<\/label><\/div>\n<div class=\"checkbox checkbox-small\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 2<\/label><\/div>\n<div class=\"checkbox checkbox-small\"><label><br \/>\n<input class=\"i-check\" disabled type=\"checkbox\">Disabled<\/label><\/div>\n<div class=\"checkbox checkbox-small\"><label><br \/>\n<input class=\"i-check\" checked disabled type=\"checkbox\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"radio radio-small\"><label><br \/>\n<input class=\"i-radio\" name=\"mySmallRadioList\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio radio-small\"><label><br \/>\n<input class=\"i-radio\" name=\"mySmallRadioList\" type=\"radio\">Radio 2<\/label><\/div>\n<div class=\"radio radio-small\"><label><br \/>\n<input class=\"i-radio\" disabled name=\"smallDisabledRadio\" type=\"radio\">Disabled<\/label><\/div>\n<div class=\"radio radio-small\"><label><br \/>\n<input class=\"i-radio\" checked disabled name=\"smallDisabledChekedRadio\" type=\"radio\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"checkbox-inline checkbox-small\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 1<\/label><\/div>\n<div class=\"checkbox-inline checkbox-small\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 2<\/label><\/div>\n<div class=\"gap gap-mini\"><\/div>\n<div class=\"radio-inline radio-small\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio-inline radio-small\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 2<\/label><\/div>\n<\/div>\n<\/div>\n<h4>bigger size<\/h4>\n<div class=\"row row-wrap\">\n<div class=\"col-md-4\">\n<div class=\"checkbox checkbox-lg\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 1<\/label><\/div>\n<div class=\"checkbox checkbox-lg\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 2<\/label><\/div>\n<div class=\"checkbox checkbox-lg\"><label><br \/>\n<input class=\"i-check\" disabled type=\"checkbox\">Disabled<\/label><\/div>\n<div class=\"checkbox checkbox-lg\"><label><br \/>\n<input class=\"i-check\" checked disabled type=\"checkbox\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"radio radio-lg\"><label><br \/>\n<input class=\"i-radio\" name=\"mylgRadioList\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio radio-lg\"><label><br \/>\n<input class=\"i-radio\" name=\"mylgRadioList\" type=\"radio\">Radio 2<\/label><\/div>\n<div class=\"radio radio-lg\"><label><br \/>\n<input class=\"i-radio\" disabled name=\"lgDisabledRadio\" type=\"radio\">Disabled<\/label><\/div>\n<div class=\"radio radio-lg\"><label><br \/>\n<input class=\"i-radio\" checked disabled name=\"lgDisabledChekedRadio\" type=\"radio\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"checkbox-inline checkbox-lg\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Check 1<\/label><\/div>\n<div class=\"checkbox-inline checkbox-lg\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Check 2<\/label><\/div>\n<div class=\"gap gap-mini\"><\/div>\n<div class=\"radio-inline radio-lg\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio-inline radio-lg\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 2<\/label><\/div>\n<\/div>\n<\/div>\n<h4>Different style<\/h4>\n<div class=\"row row-wrap\">\n<div class=\"col-md-4\">\n<div class=\"checkbox checkbox-stroke\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 1<\/label><\/div>\n<div class=\"checkbox checkbox-stroke\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 2<\/label><\/div>\n<div class=\"checkbox checkbox-stroke\"><label><br \/>\n<input class=\"i-check\" disabled type=\"checkbox\">Disabled<\/label><\/div>\n<div class=\"checkbox checkbox-stroke\"><label><br \/>\n<input class=\"i-check\" checked disabled type=\"checkbox\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"radio radio-stroke\"><label><br \/>\n<input class=\"i-radio\" name=\"mystrokeRadioList\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio radio-stroke\"><label><br \/>\n<input class=\"i-radio\" name=\"mystrokeRadioList\" type=\"radio\">Radio 2<\/label><\/div>\n<div class=\"radio radio-stroke\"><label><br \/>\n<input class=\"i-radio\" disabled name=\"strokeDisabledRadio\" type=\"radio\">Disabled<\/label><\/div>\n<div class=\"radio radio-stroke\"><label><br \/>\n<input class=\"i-radio\" checked disabled name=\"strokeDisabledChekedRadio\" type=\"radio\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"checkbox-inline checkbox-stroke\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 1<\/label><\/div>\n<div class=\"checkbox-inline checkbox-stroke\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 2<\/label><\/div>\n<div class=\"gap gap-mini\"><\/div>\n<div class=\"radio-inline radio-stroke\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio-inline radio-stroke\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 2<\/label><\/div>\n<\/div>\n<\/div>\n<h4>Replacement style<\/h4>\n<div class=\"row row-wrap\">\n<div class=\"col-md-4\">\n<div class=\"checkbox checkbox-switch\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 1<\/label><\/div>\n<div class=\"checkbox checkbox-switch\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Checkbox 2<\/label><\/div>\n<div class=\"checkbox checkbox-switch\"><label><br \/>\n<input class=\"i-check\" disabled type=\"checkbox\">Disabled<\/label><\/div>\n<div class=\"checkbox checkbox-switch\"><label><br \/>\n<input class=\"i-check\" checked disabled type=\"checkbox\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"radio radio-switch\"><label><br \/>\n<input class=\"i-radio\" name=\"myswitchRadioList\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio radio-switch\"><label><br \/>\n<input class=\"i-radio\" name=\"myswitchRadioList\" type=\"radio\">Radio 2<\/label><\/div>\n<div class=\"radio radio-switch\"><label><br \/>\n<input class=\"i-radio\" disabled name=\"switchDisabledRadio\" type=\"radio\">Disabled<\/label><\/div>\n<div class=\"radio radio-switch\"><label><br \/>\n<input class=\"i-radio\" checked disabled name=\"switchDisabledChekedRadio\" type=\"radio\">Disabled &amp; checked<\/label><\/div>\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"checkbox-inline checkbox-switch\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Check 1<\/label><\/div>\n<div class=\"checkbox-inline checkbox-switch\"><label><br \/>\n<input class=\"i-check\" type=\"checkbox\">Check 2<\/label><\/div>\n<div class=\"gap gap-mini\"><\/div>\n<div class=\"radio-inline radio-switch\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 1<\/label><\/div>\n<div class=\"radio-inline radio-switch\"><label><br \/>\n<input class=\"i-radio\" name=\"myRadiolist\" type=\"radio\">Radio 2<\/label><\/div>\n<\/div>\n<\/div>\n<hr>\n<h2>Input selection time<\/h2>\n<div class=\"row row-wrap\">\n<div class=\"col-md-6\">\n<div class=\"row\">\n<div class=\"col-md-6\">\n<div class=\"form-group\"><label>The time of history is gone <\/label><br \/>\n<input class=\"date-pick form-control\" type=\"text\"><\/div>\n<\/div>\n<div class=\"col-md-6\">\n<div class=\"form-group\"><label>The date is back<\/label><br \/>\n<input class=\"date-pick form-control\" type=\"text\" data-date-format=\"DD d MM yyyy\"><\/div>\n<\/div>\n<\/div>\n<h4>Layout range<\/h4>\n<div class=\"input-daterange\">\n<div class=\"row\">\n<div class=\"col-md-6\">\n<div class=\"form-group\">start date<br \/>\n<input class=\"form-control\" name=\"start\" type=\"text\"><\/div>\n<\/div>\n<div class=\"col-md-6\">\n<div class=\"form-group\">end date<\/div>\n<div class=\"form-group\"><input class=\"form-control\" name=\"end\" type=\"text\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<div class=\"form-group\">time<\/div>\n<div class=\"form-group\"><input class=\"time-pick form-control\" type=\"text\"><\/div>\n<\/div>\n<\/div>\n<p>Lorem Ipsum is placeholder text that is commonly used in the printing and graphic design industries. It features a meaningless simplicity derived from the printing sector, utilizing the work of graphic designers. Newspapers and magazines use it to fill columns and lines as needed, serving current technological requirements and diverse applications with the goal of enhancing practical tools.<br \/>Note: Since the original text is in Persian and consists of standard Lorem Ipsum placeholder content, the translation maintains the same generic meaning and structure commonly associated with Lorem Ipsum texts. <\/p>\n<\/div>\n<div class=\"col-md-6\">\n<div class=\"date-pick-inline\"><\/div>\n<\/div>\n<\/div>\n<hr>\n<h2>Slider range<\/h2>\n<div class=\"row\">\n<div class=\"col-md-6\"><input id=\"price-slider\" type=\"text\"><\/div>\n<\/div>\n<hr>\n<h2>Credit card form<\/h2>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<form class=\"cc-form\">\n<div>\n<div class=\"form-group form-group-cc-number\">Card number<br \/>\n<input class=\"form-control\" type=\"text\" placeholder=\"xxxx xxxx xxxx xxxx\"><\/div>\n<div class=\"form-group form-group-cc-cvc\"><label>CVC<\/label><br \/>\n<input class=\"form-control\" type=\"text\" placeholder=\"xxxx\"><\/div>\n<\/div>\n<div>\n<div class=\"form-group form-group-cc-name\">Name of the card holder<br \/>\n<input class=\"form-control\" type=\"text\"><\/div>\n<div class=\"form-group form-group-cc-date\"><label>expiration date<\/label><br \/>\n<input class=\"form-control\" type=\"text\" placeholder=\"mm\/yy\"><\/div>\n<\/div>\n<\/form>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text]All form elements are built on Bootstrap 3 and check out the form elements page for more demos. Early demo large size Email address password Confirm password Normal size Email address password Confirm password small size Email address password Confirm password Advanced input effects Tag indicator Animation label Left input icon Highlight icon Bounce icon [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-9782","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Form elements - \u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/harlahzesafar.ir\/page-form-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Form elements - \u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][vc_column_text]All form elements are built on Bootstrap 3 and check out the form elements page for more demos. Early demo large size Email address password Confirm password Normal size Email address password Confirm password small size Email address password Confirm password Advanced input effects Tag indicator Animation label Left input icon Highlight icon Bounce icon [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harlahzesafar.ir\/page-form-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/harlahzesafar.ir\/page-form-elements\/\",\"url\":\"https:\/\/harlahzesafar.ir\/page-form-elements\/\",\"name\":\"Form elements - \u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631\",\"isPartOf\":{\"@id\":\"https:\/\/harlahzesafar.ir\/#website\"},\"datePublished\":\"2014-11-21T08:58:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/harlahzesafar.ir\/page-form-elements\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/harlahzesafar.ir\/page-form-elements\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/harlahzesafar.ir\/page-form-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\/\/harlahzesafar.ir\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Form elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/harlahzesafar.ir\/#website\",\"url\":\"https:\/\/harlahzesafar.ir\/\",\"name\":\"\u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/harlahzesafar.ir\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Form elements - \u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/harlahzesafar.ir\/page-form-elements\/","og_locale":"en_US","og_type":"article","og_title":"Form elements - \u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631","og_description":"[vc_row][vc_column][vc_column_text]All form elements are built on Bootstrap 3 and check out the form elements page for more demos. Early demo large size Email address password Confirm password Normal size Email address password Confirm password small size Email address password Confirm password Advanced input effects Tag indicator Animation label Left input icon Highlight icon Bounce icon [&hellip;]","og_url":"https:\/\/harlahzesafar.ir\/page-form-elements\/","og_site_name":"\u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/harlahzesafar.ir\/page-form-elements\/","url":"https:\/\/harlahzesafar.ir\/page-form-elements\/","name":"Form elements - \u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631","isPartOf":{"@id":"https:\/\/harlahzesafar.ir\/#website"},"datePublished":"2014-11-21T08:58:24+00:00","breadcrumb":{"@id":"https:\/\/harlahzesafar.ir\/page-form-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harlahzesafar.ir\/page-form-elements\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/harlahzesafar.ir\/page-form-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/harlahzesafar.ir\/en\/"},{"@type":"ListItem","position":2,"name":"Form elements"}]},{"@type":"WebSite","@id":"https:\/\/harlahzesafar.ir\/#website","url":"https:\/\/harlahzesafar.ir\/","name":"\u0647\u0631\u0644\u062d\u0638\u0647 \u0633\u0641\u0631","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/harlahzesafar.ir\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/harlahzesafar.ir\/en\/wp-json\/wp\/v2\/pages\/9782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harlahzesafar.ir\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harlahzesafar.ir\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harlahzesafar.ir\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harlahzesafar.ir\/en\/wp-json\/wp\/v2\/comments?post=9782"}],"version-history":[{"count":0,"href":"https:\/\/harlahzesafar.ir\/en\/wp-json\/wp\/v2\/pages\/9782\/revisions"}],"wp:attachment":[{"href":"https:\/\/harlahzesafar.ir\/en\/wp-json\/wp\/v2\/media?parent=9782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}