Html form <textarea>表单文本区域标签元素

Html form <textarea>文本区域表单标签元素

通过textarea案例教程让大家最为form textarea表单控件，输入多文字文章使用textarea表单控件。

目录

1. textarea语法结构
2. 属性说明
3. 实践代码
4. 案例截图
5. textarea文本区域总结

一、textarea语法结构   -   TOP

<textarea name="DIVCSS5" cols="30" rows="4">
网页制作教程www.DIVCSS5.com
</textarea>

二、标签内属性说明   -   TOP

Name 为传值命名
Cols 为字符宽度（每行输入文字多少宽度），跟具体数字
Rows 为行数，默认输入框区域显示高度，跟具体数字

三、案例html代码   -   TOP

<form action="" method="get"> 
    <label>内容输入：</label> 
    <textarea name="DIVCSS5" cols="30" rows="4"> 
        www.DIVCSS5.com-网页制作教程 
    </textarea>  
</form> 

四、案例截图   -   TOP

textarea用法案例截图

五、textarea文本区域表单总结   -   TOP

1）、form textarea用于内容输入地方
2）、常见于留言内容

留言板的textarea表单

3）、带编辑器的textarea输入框：

textarea文本输入编辑器截图

通常是由程序开发技术人员来嵌入完成，为大家介绍一个文本编辑器：xhEditor

六、在线演示   -   TOP

Http://www.divcss5.com/yanshi/form_textarea.html

七、扩展知识   -   TOP

1）、form表单标签：http://www.divcss5.com/html/h373.shtml
2）、input表单标签：http://www.divcss5.com/html/h374.shtml
3）、跳转表单：http://www.divcss5.com/html/h336.shtml
4）、下拉表单跳转菜单：http://www.divcss5.com/html/h336.shtml