{"id":41433,"date":"2022-09-09T13:08:10","date_gmt":"2022-09-09T13:08:10","guid":{"rendered":"https:\/\/s.b\/oikcom\/block\/contact-field-oik-contact-field\/"},"modified":"2023-08-05T17:09:33","modified_gmt":"2023-08-05T17:09:33","slug":"contact-field-oik-contact-field","status":"publish","type":"block","link":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/","title":{"rendered":"Contact field <span class=\"summary\">&#8211; oik\/contact-field<\/span>"},"content":{"rendered":"\n<div class=\"wp-block-oik-block-blockinfo svg64\"><div><div><span class=\"dashicon dashicons dashicons-text\"><\/span><\/div>Defines a contact form field<dl><\/dl><\/div><\/div>\n\n\n\n<!--more-->\n\n\n\n<p class=\"has-very-light-gray-background-color has-background\">Use the Contact field in a Contact block to define a field in a contact form.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Screenshot<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" height=\"132\" src=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png\" alt=\"Contact field example screenshot\" class=\"wp-image-41434\" srcset=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png 647w, https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image-300x61.png 300w, https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image-386x79.png 386w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Example<\/h2>\n\n\n\n<p> <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"bw_contact_form\"><form method=\"post\"><div class=\"bw_grid\"><div class=\"is-style-grid is-style-text\"><label for=\"oiku_contact-1_name\">Name<span class=\"required\"> *<\/span><\/label><input type=\"text\" size=\"30\" name=\"oiku_contact-1_name\" id=\"oiku_contact-1_name\" value=\"\" class=\"is-style-grid is-style-text\"required \/><\/div><div class=\"is-style-grid is-style-email\"><label for=\"oiku_contact-1_email\">Email<span class=\"required\"> *<\/span><\/label><input type=\"email\" name=\"oiku_contact-1_email\" size=\"30\" class=\"is-style-grid is-style-email\"required \/><\/div><div class=\"is-style-above is-style-text\"><label for=\"oiku_contact-1_subject\">Subject<\/label><input type=\"text\" size=\"30\" name=\"oiku_contact-1_subject\" id=\"oiku_contact-1_subject\" value=\"\" class=\"is-style-above is-style-text\" \/><\/div><div class=\"is-style-above is-style-textarea\"><label for=\"oiku_contact-1_message\">Message<span class=\"required\"> *<\/span><\/label><textarea rows=\"10\" cols=\"30\" name=\"oiku_contact-1_message\"><\/textarea><\/div><div class=\"is-style-reversed is-style-checkbox\"><label for=\"oiku_contact-1_youmayusemydetails\">You may use my details<span class=\"required\">*<\/span><\/label><input type=\"hidden\" name=\"oiku_contact-1_youmayusemydetails\" value=\"0\" \/><input type=\"checkbox\" name=\"oiku_contact-1_youmayusemydetails\" id=\"oiku_contact-1_youmayusemydetails\"\/><\/div><\/div><input type=\"hidden\" id=\"_oik_contact_nonce\" name=\"_oik_contact_nonce\" value=\"574ec32a1c\" \/><div  style=\"display:none\"><tr><td><label for=\"oik_saccharin_bowl\">Humans leave this blank<\/label><\/td><td><input type=\"text\" size=\"10\" name=\"oik_saccharin_bowl\" id=\"oik_saccharin_bowl\" value=\"\" class=\"\" \/><\/td><\/tr><\/div><input type=\"submit\" name=\"oiku_contact-1\" value=\"Contact oik-plugins\" \/><\/form><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li>The <em>Name<\/em> field is a Contact field of type Text<\/li>\n\n\n\n<li>The <em>Email<\/em> field is a Contact field of type Email<\/li>\n\n\n\n<li>The <em>Subject<\/em> field is a Contact field of type Text<\/li>\n\n\n\n<li>This <em>Subject<\/em> field is not required<\/li>\n\n\n\n<li>The <em>Message<\/em> field is of type Textarea.<\/li>\n\n\n\n<li>The <em>Name<\/em> and <em>Email<\/em> field&#8217;s labels have the Default style.<\/li>\n\n\n\n<li>The <em>Subject<\/em> and <em>Message<\/em> field&#8217;s labels are styled with Label above.<\/li>\n\n\n\n<li>The field labelled <em>You may use my details<\/em> is a required Checkbox field, with Reversed style.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p> <\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Notes<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you remove all of the Contact fields from the Contact form it is reset to the default: Name, Email, Subject, Message.<\/li>\n\n\n\n<li>The field name is automatically determined from the label.<\/li>\n\n\n\n<li>Fields can be marked as Required.<\/li>\n\n\n\n<li>You can change the required indicator for each Contact field.<\/li>\n\n\n\n<li>Duplicate field names are not displayed on the front end.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p><!-- wp:oik-block\/blockinfo {\"blockicon\":\"oik\/contact-field\",\"showBlockTypeName\":false,\"showTitle\":false,\"showCategory\":false,\"showKeywords\":false,\"className\":\"svg64\"} --><\/p>\n<div class=\"wp-block-oik-block-blockinfo svg64\">\n<div>\n<div><span class=\"dashicon dashicons dashicons-text\"><\/span><\/div>\n<p>Defines a contact form field<\/p>\n<dl><\/dl>\n<\/div>\n<\/div>\n<p><!-- \/wp:oik-block\/blockinfo --><\/p>\n<p><!-- wp:more --><\/p>\n","protected":false},"author":1,"featured_media":41434,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","block_category":[764],"block_keyword":[637,638,623],"block_classification":[596],"block_letters":[624,611],"class_list":{"0":"post-41433","1":"block","2":"type-block","3":"status-publish","4":"has-post-thumbnail","6":"block_category-text","7":"block_keyword-contact","8":"block_keyword-form","9":"block_keyword-oik","10":"block_classification-dynamic","11":"block_letters-c","12":"block_letters-f","13":"entry"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Contact field - oik\/contact-field - [oik] plugins.com<\/title>\n<meta name=\"description\" content=\"Contact field - oik\/contact-field. Use the Contact field in a Contact block to define a field in a contact form.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact field - oik\/contact-field - [oik] plugins.com\" \/>\n<meta property=\"og:description\" content=\"Contact field - oik\/contact-field. Use the Contact field in a Contact block to define a field in a contact form.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/\" \/>\n<meta property=\"og:site_name\" content=\"[oik] plugins.com\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-05T17:09:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"647\" \/>\n\t<meta property=\"og:image:height\" content=\"132\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/\",\"url\":\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/\",\"name\":\"Contact field - oik\/contact-field - [oik] plugins.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.oik-plugins.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png\",\"datePublished\":\"2022-09-09T13:08:10+00:00\",\"dateModified\":\"2023-08-05T17:09:33+00:00\",\"description\":\"Contact field - oik\/contact-field. Use the Contact field in a Contact block to define a field in a contact form.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#primaryimage\",\"url\":\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png\",\"contentUrl\":\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png\",\"width\":647,\"height\":132},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blocks\",\"item\":\"https:\/\/www.oik-plugins.com\/block\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact field &#8211; oik\/contact-field\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.oik-plugins.com\/#website\",\"url\":\"https:\/\/www.oik-plugins.com\/\",\"name\":\"[oik] plugins.com\",\"description\":\"WordPress plugins and themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.oik-plugins.com\/?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":"Contact field - oik\/contact-field - [oik] plugins.com","description":"Contact field - oik\/contact-field. Use the Contact field in a Contact block to define a field in a contact form.","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:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/","og_locale":"en_US","og_type":"article","og_title":"Contact field - oik\/contact-field - [oik] plugins.com","og_description":"Contact field - oik\/contact-field. Use the Contact field in a Contact block to define a field in a contact form.","og_url":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/","og_site_name":"[oik] plugins.com","article_modified_time":"2023-08-05T17:09:33+00:00","og_image":[{"width":647,"height":132,"url":"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png","type":"image\/png"}],"twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/","url":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/","name":"Contact field - oik\/contact-field - [oik] plugins.com","isPartOf":{"@id":"https:\/\/www.oik-plugins.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#primaryimage"},"image":{"@id":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#primaryimage"},"thumbnailUrl":"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png","datePublished":"2022-09-09T13:08:10+00:00","dateModified":"2023-08-05T17:09:33+00:00","description":"Contact field - oik\/contact-field. Use the Contact field in a Contact block to define a field in a contact form.","breadcrumb":{"@id":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#primaryimage","url":"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png","contentUrl":"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2023\/08\/image.png","width":647,"height":132},{"@type":"BreadcrumbList","@id":"https:\/\/www.oik-plugins.com\/block\/contact-field-oik-contact-field\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blocks","item":"https:\/\/www.oik-plugins.com\/block\/"},{"@type":"ListItem","position":2,"name":"Contact field &#8211; oik\/contact-field"}]},{"@type":"WebSite","@id":"https:\/\/www.oik-plugins.com\/#website","url":"https:\/\/www.oik-plugins.com\/","name":"[oik] plugins.com","description":"WordPress plugins and themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.oik-plugins.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block\/41433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block"}],"about":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/types\/block"}],"author":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/comments?post=41433"}],"version-history":[{"count":1,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block\/41433\/revisions"}],"predecessor-version":[{"id":41435,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block\/41433\/revisions\/41435"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/media\/41434"}],"wp:attachment":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/media?parent=41433"}],"wp:term":[{"taxonomy":"block_category","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block_category?post=41433"},{"taxonomy":"block_keyword","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block_keyword?post=41433"},{"taxonomy":"block_classification","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block_classification?post=41433"},{"taxonomy":"block_letters","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block_letters?post=41433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}