Whats the difference between textarea and input type text in angularjs

Question

Just not sure what the difference is. Trying to figure out what's best for my use case.

Solution 1

The difference regards HTML and is not related to AngularJS. Anyway some definitions from the W3Schools site:

input type text:

The <input> tag specifies an input field where the user can enter data.

<input> elements are used within a <form> element to declare input controls that allow users to input data.

An input field can vary in many ways, depending on the type attribute.

Textarea:

The <textarea> tag defines a multi-line text input control.

A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier).

The size of a text area can be specified by the cols and rows attributes, or even better; through CSS' height and width properties.

You can find definitions and examples here: input and text area

Solution 2

Generally speaking an input field is a one-line field (probably to carry something like first name or last name, a phone number, an email). A textarea is a multi-line field that allows you to press ENTER! They are used for addresses or others long and complex type of data (also notes, for instance).

Solution 3

Maybe this is to obvious, but just thought to mention:

• Textarea value - The value of the textarea object is the html inside of the start and end tags of it.

• Input value - The input object value of the input is found inside the attribute value.

Solution 4

TextArea holds multiple lines, input text is only for one line the difference in declaration is as follows

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

Solution 5

The major difference between a textarea and a text field ( ), is that a text field only has one line, whereas a textarea usually has multiple lines.

View more solutions

Comments

[aintnorest]

Doesn't Angularjs also have several properties associated with each. For instance text area doesn't have Trim. Either way answer was useful enough. Thanks.

[shintaroid]

If the value is sent to the server-side, both values will be considered as a string? In other words, if Textarea's value is the same as Inputs', server-side will consider them as the same?