打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Html form <textarea>表单文本区域标签元素 </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

  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文本区域表单总结   -   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

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
html学习笔记之表单标签
HTML在线编辑器的调用方法和使用方法详解 - 遇见未来
3、Form 表 单
HTML基础简介、内容标签、属性、表格表单
WEB前端第五课——HTML表单
HTML—— 表单标签(input,lable,textarea等)以及相亲网注册界面实现
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服