angularjs中的textarea和输入类型文本有啥区别

Posted

技术标签:

【中文标题】angularjs中的textarea和输入类型文本有啥区别【英文标题】:Whats the difference between textarea and input type text in angularjsangularjs中的textarea和输入类型文本有什么区别 【发布时间】:2014-03-09 00:22:19 【问题描述】:

只是不确定有什么区别。试图找出最适合我的用例的方法。

【问题讨论】:

那么,您的情况是什么,您对它们有什么不了解?请更详细具体描述您的问题。 参考this one。 【参考方案1】:

区别在于html,与AngularJS无关。无论如何,来自 W3Schools 网站的一些定义:

输入文字

<input> 标记指定用户可以输入数据的输入字段。

<input> 元素在<form> 元素中用于声明允许用户输入数据的输入控件。

根据 type 属性,输入字段可以有多种变化。

文本区域

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

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

文本区域的大小可以通过colsrows属性指定,甚至更好;通过 CSS 的 heightwidth 属性。

您可以在此处找到定义和示例:input 和 text area

【讨论】:

难道 Angularjs 也没有与每个相关联的几个属性。例如文本区域没有修剪。无论哪种方式,答案都足够有用。谢谢。【参考方案2】:

一般来说,输入字段是一个单行字段(可能包含名字或姓氏、电话号码、电子邮件等内容)。 textarea 是一个多行字段,可让您按 ENTER!它们用于地址或其他长而复杂的数据类型(例如,还有注释)。

【讨论】:

【参考方案3】:

也许这很明显,但只是想提一下:

Textarea 值 - textarea 对象的值是它的开始和结束标记内的 html。

输入值 - 输入的输入对象值在属性值内。

【讨论】:

如果将值发送到服务器端,两个值都会被视为字符串?也就是说,如果Textarea的值和Inputs的值一样,服务器端会认为它们是一样的吗?【参考方案4】:

TextArea 包含多行,输入文本仅用于一行 声明的区别如下

<input name="txtDescEd" type="text"  />
<textarea name="txtDescEd" cols="60" rows="10"></textarea>

【讨论】:

【参考方案5】:

textarea 和 text field ( ) 之间的主要区别在于 text field 只有一行,而 textarea 通常有多行。

【讨论】:

【参考方案6】:

TextBox:输入元素定义了一个输入字段。通过将 type 属性指定为“text”来创建 TextBox。 TextArea:TextArea 元素定义了一个多行文本区域。

【讨论】:

【参考方案7】:

INPUT 标记始终从输入字段块的中间开始写入。 TextArea 总是从输入字段框的顶部开始,无论它们的高度和宽度是多少。

【讨论】:

以上是关于angularjs中的textarea和输入类型文本有啥区别的主要内容,如果未能解决你的问题,请参考以下文章

不要在angularjs的textarea中输入超过20个逗号分隔或换行符分隔的序列号和字母数字

根据AngularJS中的内容从数据库加载数据时增加textarea的高度

angularjs textarea 剩余字数统计

IE10+ 上的 AngularJS,带有占位符的文本区域导致“无效参数”。

更改 AngularJS ngTrim 行为

[HTML]表单标签(form表单域input输入表单label标签select下拉表单textarea文本域)