定義多行的文本輸入控件,所有瀏覽器都支持,可容納無限的文本,等寬的字體。
用css的height和width來設置其框框的大小是個很好的辦法,其中的文本換行符為%OD/%OA(回車換行)
html5中的新屬性:
form:文本區域所屬的一個或多個表單
autofocus:頁面加載后文本區域自動警得焦點
cols:文本區域的可見列數
rows:文本區域的可見行數
placeholder:文本區域可填入值的簡短描述
maxlength:文本區域可輸入的最大字數
wrap:提交表單時,文本區域中的文本如何換行
name:文本區域的名稱
required:文本區域是必填的
readonly:文本區域是只讀的
disabled:文本區域被禁用
1、刷新后自動獲得焦點,文本框長度寬度設置:
<form id="sub"> <textarea autofocus="autofocus" cols="20" rows="3"></textarea> <input type="submit" value="提交"> </form>
效果:

2、刷新后自動獲得焦,字數限制,文本提示
<form id="sub"> <textarea autofocus="autofocus" placeholder="最多10個字" maxlength="10"></textarea> <input type="submit" value="提交"> </form>
效果圖:

3、文本名稱,必填,換行提示符
<form id="sub"> <textarea name="texteara" wrap="hard" required="required"></textarea> <input type="submit" value="提交"> </form>
注意:只有設置了name屬性,后台才能接到textarea文本
換行:
soft:提交到服務器中數據與文本框輸入時一致
hard:將實現文本區內的自動換行,並以這種形式傳送給服務器,要以用戶在文本區內看到的效果傳輸給服務器,因為使用自動換行是非常有用的方法。
4、from屬性
代碼示例:

