您的位置:CSS5 > HTML >

 

textarea文本区域标签元素

 

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

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

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

一、textarea语法结构

<textarea name="CSS5" cols="30" rows="4">
网页制作教程css5.com.cn
</textarea>

二、标签内属性说明

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

三、案例html代码

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

四、案例截图

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

五、textarea文本区域表单总结

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

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

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

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

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

六、在线演示

//css5.com.cn/yanshi/form_textarea.html

七、扩展知识

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

标签(Tag): 表单 输入框 textarea 文本域
本文分享URL地址:http://css5.com.cn/html/382.shtml

更多

上一页: 上一篇:span标签教程
下一页: 下一篇:font 文本颜色 字体 大小标签

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2013-01-29     点击:
原创:CSS5     来源网址:http://css5.com.cn/html/382.shtml
本文css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!