html之texteara


定義多行的文本輸入控件,所有瀏覽器都支持,可容納無限的文本,等寬的字體。

用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屬性

 代碼示例:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM