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