Skip to main content

文本

通过输入框录入文本是录入数据最基础和常见的方式。


文本框(Input)#

左右布局

左右布局

上下布局

上下布局

输入较少的字符总数,使用单行的输入形式。

注:输入框通常与标签(label)搭配使用,标签(label)默认放于输入区域的左侧,当文案过长或英文环境下也可放于在上方,但同个系统中需保持统一。

文本域(Textarea)#

录入长篇幅的单一的文本使用多行的文本区域。

提示与帮助#

基本样式

基本样式

对于那些短的输入提醒(短于一句),你可以将其放置在输入框的下方

对于那些短的输入提醒(短于一句),你可以将其放置在输入框的下方

当说明文案较长时,你可以使用一个「信息」图标或者提示工具。

当说明文案较长时,你可以使用一个「信息」图标或者提示工具。

为提升数据录入效率,可以在增加提示以帮助用户。

文本框内的提示通常强调说明输入规则,如:“11位手机号码”;下部及尾部的信息则用于补充说明,如:“大赛相关通知均通过此手机号码完成,请务必填写家长常用手机号码”

搜索(Search)#

当说明文案较长时,你可以使用一个「信息」图标或者提示工具。

搜索可以让用户在巨大的信息池中缩小目标范围,并快速获取需要的信息。