{"id":47798,"date":"2022-06-01T16:14:07","date_gmt":"2022-06-01T08:14:07","guid":{"rendered":"http:\/\/www.xyryd.com\/?p=47798"},"modified":"2022-06-01T16:14:08","modified_gmt":"2022-06-01T08:14:08","slug":"woocommerce%e5%88%9b%e5%bb%ba%e5%90%84%e7%a7%8d%e8%a1%a8%e5%8d%95-woocommerce_form_field-%e5%87%bd%e6%95%b0-%e4%bb%a3%e7%a0%81%e8%b0%83%e7%94%a8%e5%ae%9e%e4%be%8b","status":"publish","type":"post","link":"http:\/\/www.xyryd.com\/47798.html","title":{"rendered":"WooCommerce\u521b\u5efa\u5404\u79cd\u8868\u5355 woocommerce_form_field() \u51fd\u6570 \u4ee3\u7801\u8c03\u7528\u5b9e\u4f8b"},"content":{"rendered":"\n<p><code>woocommerce_form_field()<\/code> \u662f\u7528\u6765\u521b\u5efaWooCommerce\u91cc\u5404\u79cd\u8868\u5355\u5143\u7d20\u7684\u51fd\u6570\uff0c\u672c\u6587\u5217\u4e3e\u4e86\u8f93\u51fa\u5e38\u89c1\u5143\u7d20\u7684\u4ee3\u7801\u793a\u4f8b\uff0c\u4f9b\u53c2\u8003\u3002<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >\u76ee\u5f55<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"http:\/\/www.xyryd.com\/47798.html\/#Text_Box_%E6%96%87%E6%9C%AC%E5%9F%9F\" title=\"Text Box \/ \u6587\u672c\u57df\">Text Box \/ \u6587\u672c\u57df<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"http:\/\/www.xyryd.com\/47798.html\/#Checkbox_%E5%A4%8D%E9%80%89%E6%A1%86\" title=\"Checkbox \/ \u590d\u9009\u6846\">Checkbox \/ \u590d\u9009\u6846<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"http:\/\/www.xyryd.com\/47798.html\/#Textarea_%E6%96%87%E6%9C%AC%E5%9F%9F\" title=\"Textarea \/ \u6587\u672c\u57df\">Textarea \/ \u6587\u672c\u57df<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"http:\/\/www.xyryd.com\/47798.html\/#Select_%E4%B8%8B%E6%8B%89%E5%88%97%E8%A1%A8\" title=\"Select \/ \u4e0b\u62c9\u5217\u8868\">Select \/ \u4e0b\u62c9\u5217\u8868<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"http:\/\/www.xyryd.com\/47798.html\/#Radio_%E5%8D%95%E9%80%89%E6%8C%89%E9%92%AE\" title=\"Radio \/ \u5355\u9009\u6309\u94ae\">Radio \/ \u5355\u9009\u6309\u94ae<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"http:\/\/www.xyryd.com\/47798.html\/#Pasword_%E5%AF%86%E7%A0%81%E5%9F%9F\" title=\"Pasword \/ \u5bc6\u7801\u57df\">Pasword \/ \u5bc6\u7801\u57df<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"http:\/\/www.xyryd.com\/47798.html\/#%E6%8E%A7%E5%88%B6%E5%88%86%E6%A0%8F\" title=\"\u63a7\u5236\u5206\u680f\">\u63a7\u5236\u5206\u680f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"http:\/\/www.xyryd.com\/47798.html\/#%E5%A2%9E%E5%8A%A0%E6%B8%85%E9%99%A4%E6%B5%AE%E5%8A%A8%E7%BB%93%E6%9E%84\" title=\"\u589e\u52a0\u6e05\u9664\u6d6e\u52a8\u7ed3\u6784\">\u589e\u52a0\u6e05\u9664\u6d6e\u52a8\u7ed3\u6784<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"http:\/\/www.xyryd.com\/47798.html\/#%E5%88%9B%E5%BB%BA%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E6%AE%B5%E4%B9%8Binput_type%E2%80%9Chidden%E2%80%9D\" title=\"\u521b\u5efa\u81ea\u5b9a\u4e49\u5b57\u6bb5\u4e4binput type=\u201chidden\u201d\">\u521b\u5efa\u81ea\u5b9a\u4e49\u5b57\u6bb5\u4e4binput type=\u201chidden\u201d<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Text_Box_%E6%96%87%E6%9C%AC%E5%9F%9F\"><\/span>Text Box \/ \u6587\u672c\u57df<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">woocommerce_form_field(\"my_textbox\", array(\n    'type'     \t\t\t=&gt; 'text',\n    'class'    \t\t\t=&gt; array('form-row-wide my-textbox'),\n    'label'    \t\t\t=&gt; 'Textbox Field',\n    'placeholder' \t\t=&gt; 'Placehoder text',\n    'required'\t\t\t=&gt; true,\n    'default'  \t\t\t=&gt; ''\n), $checkout-&gt;get_value( 'my_textbox' ) );<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Checkbox_%E5%A4%8D%E9%80%89%E6%A1%86\"><\/span>Checkbox \/ \u590d\u9009\u6846<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">woocommerce_form_field(\"my_textbox\", array(\n    'type'     \t\t\t=&gt; 'checkbox',\n    'class'    \t\t\t=&gt; array('form-row-wide my-checkbox'),\n    'label'    \t\t\t=&gt; 'Checkbox Field',\n    'description'\t\t=&gt; 'A short description of this checkbox',\n    'default'  \t\t\t=&gt; ''\n), $checkout-&gt;get_value( 'my_textbox' ) );<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Textarea_%E6%96%87%E6%9C%AC%E5%9F%9F\"><\/span>Textarea \/ \u6587\u672c\u57df<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">woocommerce_form_field(\"my_textarea\", array(\n    'type'     \t\t\t=&gt; 'textarea',\n    'class'    \t\t\t=&gt; array('form-row-wide my-textarea'),\n    'label'    \t\t\t=&gt; 'Textarea Field',\n    'custom_attributes' =&gt; array( 'rows' =&gt; 10, 'cols' =&gt; 10 ),\n    'default'  \t\t\t=&gt; ''\n), $checkout-&gt;get_value( 'my_textarea' ) );<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Select_%E4%B8%8B%E6%8B%89%E5%88%97%E8%A1%A8\"><\/span>Select \/ \u4e0b\u62c9\u5217\u8868<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">woocommerce_form_field(\"my_select\", array(\n    'type'     \t\t\t=&gt; 'select',\n    'class'    \t\t\t=&gt; array('form-row-wide my-select'),\n    'label'    \t\t\t=&gt; 'Dropdown',\n    'options'\t\t\t=&gt; array( '1' =&gt; 'Option 1' , '2' =&gt; 'Option 2', '3' =&gt; 'Option 3' ),\n), $checkout-&gt;get_value( 'my_select' ) );<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Radio_%E5%8D%95%E9%80%89%E6%8C%89%E9%92%AE\"><\/span>Radio \/ \u5355\u9009\u6309\u94ae<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">woocommerce_form_field(\"my_radio\", array(\n    'type'     \t\t\t=&gt; 'radio',\n    'class'    \t\t\t=&gt; array('form-row-wide my-radio'),\n    'label'    \t\t\t=&gt; 'Radio',\n    'label_class'\t\t=&gt; 'radio-box',\n    'options'\t\t\t=&gt; array( '1' =&gt; 'Option 1' , '2' =&gt; 'Option 2', '3' =&gt; 'Option 3' ),\n), $checkout-&gt;get_value( 'my_radio' ) );<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Pasword_%E5%AF%86%E7%A0%81%E5%9F%9F\"><\/span>Pasword \/ \u5bc6\u7801\u57df<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">woocommerce_form_field(\"my_textbox\", array(\n    'type'     \t\t\t=&gt; 'password',\n    'class'    \t\t\t=&gt; array('form-row-wide my-textbox'),\n    'label'    \t\t\t=&gt; 'Password',\n    'placeholder' \t\t=&gt; '',\n    'required'\t\t\t=&gt; true,\n    'default'  \t\t\t=&gt; ''\n), $checkout-&gt;get_value( 'my_textbox' ) );<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E6%8E%A7%E5%88%B6%E5%88%86%E6%A0%8F\"><\/span>\u63a7\u5236\u5206\u680f<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u901a\u8fc7\u7ed9&#8221;class&#8221;\u53c2\u6570\u4f20\u9012\u9002\u5f53\u7684\u503c\uff0c\u53ef\u4ee5\u63a7\u5236\u8868\u5355\u5b57\u6bb5\u5360\u5168\u5bbd\u8fd8\u662f1\/2\u5bbd\u5ea6<\/p>\n\n\n\n<p>form-row-wide\uff1a \u5168\u5bbd<\/p>\n\n\n\n<p>form-row-first\uff1a 1\/2\u5bbd\u5ea6\uff0c\u7b2c\u4e00\u680f<\/p>\n\n\n\n<p>form-row-last\uff1a1\/2\u5bbd\u5ea6\uff0c\u7b2c\u4e8c\u680f<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E5%A2%9E%E5%8A%A0%E6%B8%85%E9%99%A4%E6%B5%AE%E5%8A%A8%E7%BB%93%E6%9E%84\"><\/span>\u589e\u52a0\u6e05\u9664\u6d6e\u52a8\u7ed3\u6784<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u8981\u5728\u8868\u5355\u5b57\u6bb5\u540e\u8f93\u51fa<code>&lt;div class=\"clear\"&gt;&lt;\/div&gt;<\/code>\uff0c\u589e\u52a0<code>'clear' =&gt; true<\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E5%88%9B%E5%BB%BA%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E6%AE%B5%E4%B9%8Binput_type%E2%80%9Chidden%E2%80%9D\"><\/span>\u521b\u5efa\u81ea\u5b9a\u4e49\u5b57\u6bb5\u4e4binput type=\u201chidden\u201d<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>WooCommerce\u7684\u8868\u5355API\u53ef\u4ee5\u589e\u52a0\u81ea\u5b9a\u4e49\u5b57\u6bb5\uff0c\u4f8b\u5982\u8f93\u51fa\u5982\u4e0b\u7ed3\u6784<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;p class=\"form-row form-row-wide my-hidden-field\" id=\"my_hidden_field_field\"&gt;\n\t&lt;input type=\"hidden\" class=\"input-text \" name=\"my_hidden_field\" id=\"my_hidden_field\" value=\"\"&gt;\n&lt;\/p&gt;<\/pre>\n\n\n\n<p>\u9996\u5148\u521b\u5efa\u4ea7\u751f\u8fd9\u4e2a\u7ed3\u6784\u7684\u5904\u7406\u4ee3\u7801<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">function wc_form_hidden_field( $field, $key, $args, $value ){\n\t$defaults = array(\n\t\t'label'             =&gt; '',\n\t\t'id'                =&gt; $key,\n\t\t'class'             =&gt; array(),\n\t\t'input_class'       =&gt; array(),\n\t\t'custom_attributes' =&gt; array(),\n\t\t'default'           =&gt; '',\n\t);\t\n\t$args = wp_parse_args( $args, $defaults );\n\t\/\/ Custom attribute handling\n\t$custom_attributes = array();\n\tif ( ! empty( $args['custom_attributes'] ) &amp;&amp; is_array( $args['custom_attributes'] ) )\n\t\tforeach ( $args['custom_attributes'] as $attribute =&gt; $attribute_value )\n\t\t\t$custom_attributes[] = esc_attr( $attribute ) . '=\"' . esc_attr( $attribute_value ) . '\"';\n\t$field = '&lt;p class=\"form-row ' . esc_attr( implode( ' ', $args['class'] ) ) .'\" id=\"' . esc_attr( $args['id'] ) . '_field\"&gt;';\n\t$field .= '&lt;input type=\"hidden\" class=\"input-text ' . esc_attr( implode( ' ', $args['input_class'] ) ) .'\" name=\"' . esc_attr( $key ) . '\" id=\"' . esc_attr( $args['id'] ) . '\" value=\"' . esc_attr( $value ) . '\" ' . implode( ' ', $custom_attributes ) . ' \/&gt;&lt;\/p&gt;';\n\t\n\treturn $field;\n}\nadd_filter( 'woocommerce_form_field_hidden', 'wc_form_hidden_field', 10, 4 );<\/pre>\n\n\n\n<p>\u7136\u540e\u6b63\u5e38\u8c03\u7528woocommerce_form_field() \u521b\u5efa\u9690\u85cf\u5b57\u6bb5\uff0ctype\u4e3ahidden<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">woocommerce_form_field(\"my_hidden_field\", array(\n    'type'     \t\t\t=&gt; 'hidden',\n    'class'    \t\t\t=&gt; array('form-row-wide my-hidden-field'),\n    'label'    \t\t\t=&gt; 'Hidden Field',\n    'placeholder' \t\t=&gt; '',\n    'default'  \t\t\t=&gt; ''\n), $checkout-&gt;get_value( 'my_hidden_field' ) );<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>woocommerce_form_field() \u662f\u7528\u6765\u521b\u5efaWooCommerce\u91cc\u5404\u79cd\u8868\u5355\u5143\u7d20\u7684\u51fd\u6570\uff0c\u672c\u6587\u5217 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":47796,"comment_status":"open","ping_status":"closed","sticky":false,"template":"single-with-sidebar","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[341,33],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/posts\/47798"}],"collection":[{"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/comments?post=47798"}],"version-history":[{"count":0,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/posts\/47798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/media\/47796"}],"wp:attachment":[{"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/media?parent=47798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/categories?post=47798"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/tags?post=47798"}],"curies":[{"name":"wp","href":"http:\/\/api.w.org\/{rel}","templated":true}]}}