Question

我有一个带有WooCommerce的WordPress网站。在特定的产品页面中，有一个自定义字段，用于捕获买家的其他文字。该字段是一个文本框，必须是用于输入段落的文本区域。

我已经编辑了CSS和PHP文件，将'text'属性更改为'textarea'。但是，输入框不会更改为textarea。

.ubp_extra_field {
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

.ubp_extra_field label {
  width: 100%;
  display: block;
}

.ubp_extra_field input[type="textarea"] {
  width: 94%;
}

do_action('wc_ubp_box_product_after_price',$product->get_id()); if(get_post_meta($product->get_id(),'ubp_enable_box_gift_message',true)=='yes'){ $label=get_post_meta($product->get_id(),'ubp_box_message_field_label',true); $label=!empty($label) ? $label
: esc_html__('Message', 'wc-ubp'); $html='
<div class="ubp_extra_field">'; $html.='
  <label for="ubp_box_message_field">'.esc_html($label).'</label>'; $html.='
  <span class="ubp_field"><input type="textarea" name="ubp_box_message_field" id="ubp_box_message_field" value=""></span>'; $html.='
</div>'; echo $html; }

我希望该字段是用于段落文本输入的文本区域。相反，该字段保留为单行文本框。

这是在“添加到购物车”按钮上方的页面，该字段可用： https://www.sockaboo.com/product/sockaboo-6-pack-gift-pack/

我在这里想念什么？

Answer 1

您的textarea声明是错误的，应该类似于：'textarea'。

请参考以下修改版本的代码：

    do_action('wc_ubp_box_product_after_price',$product->get_id());
if(get_post_meta($product->get_id(),'ubp_enable_box_gift_message',true)=='yes'){
    $label=get_post_meta($product->get_id(),'ubp_box_message_field_label',true);
    $label=!empty($label) ? $label : esc_html__('Message', 'wc-ubp');
    $html='<div class="ubp_extra_field">';
    $html.='<label for="ubp_box_message_field">'.esc_html($label).'</label>';
    $html.='<span class="ubp_field"><textarea rows="4" cols="50" name="ubp_box_message_field" id="ubp_box_message_field">This is a textarea.</textarea></span>';
    $html.='</div>';
    echo $html;
}

Answer 2

您可以使用：

<textarea rows="4" cols="50">
Here you can write some text to display in the textarea as the default text
</textarea>

了解更多：https://www.w3schools.com/tags/tag_textarea.asp

如何将文本框更改为textarea？

2 个答案: