logo

iMAG移动应用开发指南

TextArea

表单文本域控件,用来输入多行文本。

标签

标签名 描述 说明
textarea 表单文本域标签 用于表单多行文本输入

属性

属性名 取值 描述
id String id编码
style String
textarea样式,包括:
name String 表单项名称
value String 表单项的值
rows Integer 文本域的行数,默认3行
maxrows Integer 文本域的最大显示行数,默认最多显示3行,通常和rows属性一起设置
remember Boolean 表单提交时是否记住value
true:记住value
false:不记住value,默认值
placeholder String 输入提示
readonly Boolean 只读状态
true:只读状态
false:非只读状态,默认值
disabled Boolean 禁用状态
true:禁用状态
false:非禁用状态,默认值
onclick Javascript 点击时触发的脚本
onchange Javascript 内容改变时触发的脚本
onfocus Javascript 获得焦点时触发的脚本
onblur Javascript 失去焦点时触发的脚本

方法

方法名 参数 返回值 描述
css(name:String) name:样式名称 String 根据样式名称得到样式的值
css(name:String, value:String)
name:样式名称
value:样式值
None 设置单个样式
css(style:String) style:样式文本,多个样式用分号分隔 None 设置多个样式
css(style:Object) style:样式对象,键值对形式 None 设置多个样式
getSelectionStart() None Integer 获取光标位置
setSelection(position:Integer) position:光标位置 Integer 将光标移动到指定位置
insert(position:Integer, text:String) position:指定的位置
text:插入的文字
None 将文字插入到指定的位置
delete(start:Integer, end:Integer) start:起始位置
end:结束位置
None 删除指定范围的文字

控件详解

● 文本域

<textarea><![CDATA[回复邮件:]]></textarea>

说明:textarea里很可能有特殊符号,一般要加CDATA标记

● 设置文本域的行数

<textarea rows="5" maxrows="5"><![CDATA[回复邮件:]]></textarea>

rows和maxrows通常同时设置

● 在当前光标处插入文字

var textarea = $('test_textarea');
textarea.insert(textarea.getSelectionStart(), '插入的文字');

● 其他用法

其他用法和InputText类似,请参考InputText

示例下载

点此下载textarea相关的示例代码:imag-textarea.zip