在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"