crowd-text-area
用于文本输入的字段。
请参阅在 CodePen
以下是一个 Liquid 模板的示例,该模板旨在转录使用 <crowd-text-area>
元素的音频剪辑。复制以下代码,并保存到具有 .html
扩展名的文件中。在任何浏览器中打开该文件,进行预览并与该模板进行交互。
属性
此元素支持以下属性。
allowed-pattern
一个正则表达式,与 auto-validate 属性结合使用以忽略工作人员键入时的非匹配字符。
auto-focus
一个布尔值开关,如果存在,加载时将游标放在此元素中,以便用户可以立即开始键入,而不必先在元素内单击。
auto-validate
一个布尔值开关,如果存在,将开启输入验证。可以通过 error-message 和 allowed-pattern 属性修改验证器的行为。
char-counter
一个布尔值开关,如果存在,将一个小的文本字段放在元素的右下角,同时显示元素内的字符数。
disabled
一个布尔值开关,如果存在,将输入区域显示为已禁用。
error-message
如果验证失败,显示在输入字段下方左侧的文本。
标签
在文本字段内显示的字符串。
当工作人员开始在文本字段中键入或已设置 value 属性时,此文本会缩小并升至文本字段上方。
max-length
一个整数,指定元素允许的最大字符数。键入或粘贴的超出最大值的字符将被忽略。
max-rows
一个整数,指定 crowd-text-area 内允许的文本行的最大数量。正常情况下,元素将扩展以容纳新行。如果设置了此属性,则在行数超过此属性后,内容将向上滚出视图外,并出现一个滚动条控件。
name
一个字符串,用于表示输出中元素的数据。
占位符
以占位符文本形式呈现给用户的字符串。它在用户在输入区域中放入内容后消失。
rows
一个整数,指定文本行中元素的高度。
值
一个预设值,如果工作人员未提供输入,则成为默认值。预设值显示在文本字段中。
元素层次结构
此元素具有以下父元素和子元素。
-
父元素:crowd-form
-
子元素:无
输出
此元素将 name
作为属性名称输出,将元素的文本内容作为值输出。文本中的回车表示为 \n
。
例 此元素的示例输出
[ { "textInput1": "This is the text; the text that\nmakes the crowd go wild." } ]
另请参阅
有关更多信息,请参阅下列内容。