html5--3.15 textarea元素

時間 2019-12-20

標籤 html5 html 3.15 textarea 元素欄目 HTML5 简体版

原文原文鏈接

html5--3.15 textarea元素

學習要點

掌握textarea元素的使用

textarea元素

用來創建多行輸入文本框

元素標籤中的內容將一文本框默認值的形式呈現

不只能夠用在表單中，也能夠在其餘塊元素或內聯元素中

textarea元素的屬性：
name/disabled/readonly/form/reauired/autofocus/placeholder屬性，這些屬性的用法以前課程中已經有講解，就再也不一一演示
rows屬性：設置多行文本的行數（高度）
cols屬性：設置多行文本的每行顯示的字數（寬度）
補充內容，input元素的size屬性

實例

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>無標題文檔</title>
 6 </head>
 7     <p style="color:#FF0000">
 8     </p>
 9     <form action="L3_01.html" method="get" >
10         用戶名：<input type="text" name="name" size="30"><br><br>
11         意見：<textarea name="textarea" id="" cols="30" rows="5" placeholder="請輸入您的意見，謝謝！！" style="background: #F0FFFF"></textarea><br>
12         <br><input type="submit" value="肯定"> <input type="reset"><br>
13     </form>
14 <body>
15 </body>
16 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。