位置:电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > 4.24 HTML表单 textarea标签
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 4.23 input标签type属性之week控件 下一篇: 4.25 HTML表单 button标签

基础语法

所有主流浏览器都支持 <textarea> 标签。

<textarea> 标签定义一个多行的文本输入控件。

文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS height width 属性。

<textarea> 标签支持 HTML 的全局属性。

<textarea> 标签支持 HTML 的事件属性。

属性

属性

描述

autofocusNew

autofocus

规定当页面加载时,文本区域自动获得焦点。

cols

number

规定文本区域内可见的宽度。

disabled

disabled

规定禁用文本区域。

formNew

form_id

定义文本区域所属的一个或多个表单。

maxlengthNew

number

规定文本区域允许的最大字符数。

name

text

规定文本区域的名称。

placeholderNew

text

规定一个简短的提示,描述文本区域期望的输入值。

readonly

readonly

规定文本区域为只读。

requiredNew

required

规定文本区域是必需的/必填的。

rows

number

规定文本区域内可见的行数。

wrapNew

hard
  soft

规定当提交表单时,文本区域中的文本应该怎样换行。

代码:HTML表单 textarea标签

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>HTML表单 textarea标签</title>

</head>

<body>

     <form>

             <textarea cols="30" rows="5" name="" id="">我是内容</textarea>

     </form>

</body>

</html>

效果如图4-38

image.png


上一篇: 4.23 input标签type属性之week控件 下一篇: 4.25 HTML表单 button标签
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)