首頁 > web前端 > html教學 > html中textarea的使用及常見問題及案例分析_HTML/Xhtml_網頁製作

html中textarea的使用及常見問題及案例分析_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:40:35
原創
1853 人瀏覽過

textarea標籤是我們經常使用的一個html標籤,主要是在輸入較長的文字時,可以實現換行等效果。以下引用一個他的基本使用:
textarea 標籤-- 代表HTML表單多行輸入域
textarea標籤是成對出現的,以結束
屬性:
Common -- 一般屬性
cols -- 多行輸入域的列數
rows -- 多行輸入域的行數
accesskey -- 表單的快捷鍵存取方式
disabled -- 輸入域無法獲得焦點,無法選擇,以灰色顯示,在表單中不起任何作用
readonly -- 輸入域可以選擇,但是無法修改
tabindex -- 輸入域,使用"tab"鍵的遍歷順序
使用案例如下:
Html代碼:

複製代碼
代碼如下:





可以講程式碼複製到本地測試一下。
問題來了,如果這兩個不在一行上,比如
分行寫效果會不一樣的代碼

複製程式碼
程式碼如下:





會發現:一開始的程式碼顯示的是左對齊顯示的,而下一個呢,會居中顯示。所以在使用textarea時一定要注意,textarea標籤裡的文字是相對textarea來說的,textarea相當於提供了一個編輯區域,這個區域是緊接著textarea開始的,即所謂的所見即所得吧。只要這兩個標籤不在一行是,這時前的空白也會被他識別為空白文字的,你會發現你的滑鼠編輯指標不會在文字最開始或緊挨著文字閃爍。所以要好好使用這個標籤,遇到問題時知道從哪裡開始解決。

說的有點兒亂,實驗一小下就應該能理解了。呵呵 0_*
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板