textarea方法
<textarea cols="列数" rows="行数">默认的文本内容</textarea>
例如,下面的代码创建了一个宽度为300像素,高度为5行的文本输入区域,并设置了默认的文本内容:
<textarea cols="300" rows="5">请在此输入评论...</textarea>
- cols:指定文本输入区域的宽度,可以是像素值或百分比值。
- rows:指定文本输入区域的高度,可以是行数或百分比值。
- disabled:禁用文本输入区域,用户不能修改其中的文本内容。
- readonly:设为只读文本输入区域,用户不能修改其中的文本内容,但可以选择、复制文本。
- maxlength:规定文本输入区域中可输入的最大字符数。
-
name:指定文本输入区域的名称,用于表单提交。
- wrap:指定如何包装文本输入区域中的文本,可选值为off、soft、hard。
接下来,我们来看一个完整的实例,代码如下:
<!DOCTYPE html>
<html>
<head>
<title>Textarea Example</title>
<style>
width: 300px;
height: 100px;
border: 1px solid #ccc;
padding: 5px;
font-family: Arial, sans-serif;
</style>
</head>
<body>
<h2>请输入您的评论</h2>
textarea中cols表示<textarea cols="300" rows="5" placeholder="请在此输入评论..."></textarea>
</body>
</html>
在文本输入区域中添加了一个占位符(placeholder),当用户没有输入任何内容时,显示该提示信息。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论