文本框input和textarea的區別

在HTML中,有兩種方式來表現文本框:一種是使用<input>元素的單行文本,另一種是使用<textarea>的多行文本框。這兩個控件非常相似,而且使用的時候也差不多。不過,它們之間仍然從在區別。

要表現文本框,必須將<input>元素的type特性設置為text。而通過設置size特性,可以指定文本框中能夠顯示的字符數。通過value特性,可以設置文本框的初始值,而maxlength特性則用于指定文本框可以接收的最大字符數。如果要創建一個文本框,讓它能顯示20個字符,但輸入不能超過50個字符,可以使用如下代碼:

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

<textarea>元素則始終會呈現為一個多行文本框。要指定文本框的大小,可以使用rowscols特性。其中,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"
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容