文本输入与文本区域

Posted 2023-05-07

【中文标题】文本输入与文本区域

【英文标题】：Text input vs. Text Area

【发布时间】：2015-06-08 04:19:41

【问题描述】：

我正在使用 Mandrill 应用程序作为网站上的联系表。我知道使用“输入类型”对我有用，但不适用于文本区域。如何使文本区域工作？

例如。 <input type="text" class="inputMessage messageHeight required" name="message" id="thetext" placeholder="MESSAGE"/>

这是我的小提琴： http://jsfiddle.net/nightcoregirl/owLsvqa4/1/

【问题讨论】：

"我知道使用“输入类型”对我有效，但对文本区域无效" - 使用 <textarea> 对您不起作用？

如果邮件是通过文本区域而不是输入类型字段发送的，则不会发送电子邮件。

【参考方案1】：

用 textarea 替换您的输入文本框，如下所示：

        <textarea class="inputMessage messageHeight required" name="message" id="thetext" placeholder="MESSAGE"></textarea>

在您的submit 事件处理程序中，您指的是id thetext，因此必须保持原样。

DEMO

【讨论】：

由于某种原因，您的方法无法发送电子邮件。

@Lil-Kim 看看这个，我也打印了山魈对象jsbin.com/fedakomupa/1/edit?html,js,console,output

@Lil-Kim 你试过 jsbin 了吗？

我的错！由于某种原因，它的工作原理 mandrill 应用程序昨晚花了很长时间。

【参考方案2】：

 <textarea rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea> 

标签定义了一个多行文本输入控件。

文本区域可以容纳无限数量的字符，并且文本以固定宽度的字体（通常是 Courier）呈现。

文本区域的大小可以通过 cols 和 rows 属性来指定，甚至更好；通过 CSS 的 height 和 width 属性。