您的位置:首页 > HTML > 正文

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

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

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

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

一、textarea语法结构

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

二、标签内属性说明

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

三、案例html代码

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

四、案例截图

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

五、textarea文本区域表单总结

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

留言板的textarea表单
留言板的textarea表单

3)、带编辑器的textarea输入框:

textarea文本输入编辑器截图
textarea文本输入编辑器截图

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

六、在线演示

https://www.thinkcss.com/yanshi/form_textarea.html

七、扩展知识

1)、form表单标签
2)、input表单标签
3)、跳转表单
4)、下拉表单跳转菜单

相关标签: 表单 输入框 textarea 文本域
如需转载,请注明文章出处和来源网址:https://www.thinkcss.com/html/382.shtml

日期:2013-01-29 12:42 www.thinkcss.com ThinkCSS