在我們開發時經常需要用到輸入框,通常解決辦法就是<input type="text">和<textarea>,那么這兩個標簽有什么區別呢?
一:<input type="text">標簽
text標簽是單行文本框,不會換行。
通過size屬性指定顯示字符的長度,注意:當使用css限定了寬高,那么size屬性就不再起作用。
value屬性指定初始值,Maxlength屬性指定文本框可以輸入的最長長度。
可以通過width和height設置寬高,但是也不會增加行數,下面是一個例子:
<input type="text" style="width: 200px; height: 100px" value="我是設置過寬高的text">
結果:文本依然只有一行,並且居中顯示。
二:<textarea>標簽
<textarea>是多行文本輸入框,文本區中可容納無限數量的文本,其中的文本的默認字體是等寬字體(通常是 Courier),可以通過 cols 和 rows 屬性來規定 textarea 的尺寸,不過更好的辦法是使用 CSS 的 height 和 width 屬性。下面是一個例子:
<textarea rows="5" cols="5">我是通過cols和rows定的大小,我的cols是20,rows是10</textarea>
結果:
<textarea style="width: 200px; height: 100px">我是通過width和height定的大小,我的width是200px,heigh是100px</textarea>
結果:
簡而言之,他們最大的區別就是text是單行文本框,textarea是多行文本框。