最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

文本框的11种类型

教程 小楼一夜听春语 17383浏览

文本框元件是表单元件的一种,用于获取用户的输入。

在交互面板中,文本框可以通过改变类型,满足不同的输入需要。

一、文本类型

最基本的类型是文本类型。

比较常见的就是账号或用户名的输入。

并且通过在交互面板的文本框属性设置中设置提示文字,进行输入内容的提示。

温馨提示:Axure RP 9随着版本更新,界面有多次变化。如果找不到相关设置,先看看自己的软件版本是不是太低了。

同时,文本框也能限制输入字符的最大数量。

只需要在属性设置中设置最大长度的数值。

再次提示,属性设置是在交互面板中哦!

找不到的话,也可以在文本框上点右键,菜单中也有。

二、密码类型

提示文字,可以设置在用户输入时消失或者在光标进入文本框(获取焦点)时消失。

三、邮箱类型

邮箱类型在编辑时很难看出它的作用,只有在查看原型中才能看到它的效果。

实际上这种类型只是对输入的内容是否正确的邮箱地址,进行了简单的验证。

验证有没有包含@符号,以及@符号前后是否有合法字符。

并且,在不同的浏览器是会有不同的表现形式。

在火狐浏览器中,会以边框变红作为错误提示。

而谷歌浏览器中,需要将光标在文本框上停留一会儿,才能看到提示。

这图太特么难截了...

四、数字类型

选择数字类型时,文本框变为一个仅可输入数字的输入框,文本框右侧箭头能够对整数进行递增或递减1的操作。

如果输入的数字是小数呢?

你自己试试就知道了!

五、电话类型

这种类型很少有人知道,网上也基本查不到。

以前小楼也对这种类型不了解,以为是能够对国外的电话号码做验证。

其实,在这里偷偷地告诉大家,这种类型实际上在触摸屏设备上才有效。

在触摸屏设备上,光标进入文本框时,能够呼出系统的数字键盘,模拟号码输入。

我长这么大没见过这么嚣张的类型。

六、URL类型

这种类型和邮箱类型相似,能够对输入的内容是否URL进行验证。

合法的URL为“http://”、“ftp://”以及“file://”等等。

七、搜索类型

其实并不能够搜索......

这种类型的文本框,在输入内容时,右侧能够出现一个清空内容的按钮。

仅此而已!

八、文件类型

当你将文本框设置为文件类型后,在画布中,你完全看不到有什么改变。

但是,当你查看原型时,它变成了另外一种样子。

点击选择文件按钮...

等等!这是谷歌浏览器。

换个浏览器看看。

火狐浏览器中,按钮文字是浏览...

不要在意这些细节,你只要知道,这个类型能够点击按钮选择本地的文件,并且将文件名显示在按钮旁边就可以了。

有人惊喜了:这就是上传啊?

哥,能传哪去呀?只是模拟选择本地文件而已,别想太多了!

九十、日期与月份类型。

两种日期类型,可以选择日期和月份。

求拖嘛得!

用火狐浏览器再看一下!

WC!

火狐还不支持月份类型。

十一、时间类型

先看谷歌浏览器中的显示结果。

再看火狐...

能输入进去什么内容算我输......


以上就是关于文本框各种类型的介绍,你学废了吗?

不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!

转载请注明:iaxure.com » 文本框的11种类型