文本框input和textarea的区别

在HTML中，有两种方式来表现文本框：一种是使用<input>元素的单行文本，另一种是使用<textarea>的多行文本框。这两个控件非常相似，而且使用的时候也差不多。不过，它们之间仍然从在区别。

要表现文本框，必须将<input>元素的type特性设置为text。而通过设置size特性，可以指定文本框中能够显示的字符数。通过value特性，可以设置文本框的初始值，而maxlength特性则用于指定文本框可以接收的最大字符数。如果要创建一个文本框，让它能显示20个字符，但输入不能超过50个字符，可以使用如下代码：

    <input type="text" size="20" maxlength="50" value="initial value">

<textarea>元素则始终会呈现为一个多行文本框。要指定文本框的大小，可以使用rows和cols特性。其中，rows特性指定的是文本框的字符行数，而cols特性指定的是文本框的字符列数。与<input>元素不同，<textarea>的初始值必须要放在<textarea>和</textarea>之间，如下所示：

    <textarea cols="25" rows="5">initial value</textarea>

另一个与<input>的区别在于，不能给<textarea>设置最大字符数。
无论这两种文本框在标记中有什么区别，但它们都回将用户输入的内容保存在value属性中。可以通过这个属性读取和设置文本框的值，如下面的例子所示：

var textbox = documnet.getElementsByTagName("textarea").value;
textbox.value = "some new value"