欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

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

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

四、案例截图   -   TOP

textarea文本输入域表单用法案例截图
textarea用法案例截图

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

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

textarea留言内容区域
留言板的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

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h382.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。