分享

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

 daijingwen0 2015-12-02

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./yanshi/form_textarea.html

七、扩展知识   -   TOP

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

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多