文本框元件是表单元件的一种,用于获取用户的输入。
在交互面板中,文本框可以通过改变类型,满足不同的输入需要。
一、文本类型
最基本的类型是文本类型。
比较常见的就是账号或用户名的输入。
并且通过在交互面板的文本框属性设置中设置提示文字,进行输入内容的提示。
温馨提示:Axure RP 9随着版本更新,界面有多次变化。如果找不到相关设置,先看看自己的软件版本是不是太低了。
同时,文本框也能限制输入字符的最大数量。
只需要在属性设置中设置最大长度的数值。
再次提示,属性设置是在交互面板中哦!
找不到的话,也可以在文本框上点右键,菜单中也有。
二、密码类型
提示文字,可以设置在用户输入时消失或者在光标进入文本框(获取焦点)时消失。
三、邮箱类型
邮箱类型在编辑时很难看出它的作用,只有在查看原型中才能看到它的效果。
实际上这种类型只是对输入的内容是否正确的邮箱地址,进行了简单的验证。
验证有没有包含@符号,以及@符号前后是否有合法字符。
并且,在不同的浏览器是会有不同的表现形式。
在火狐浏览器中,会以边框变红作为错误提示。
而谷歌浏览器中,需要将光标在文本框上停留一会儿,才能看到提示。
这图太特么难截了...
四、数字类型
选择数字类型时,文本框变为一个仅可输入数字的输入框,文本框右侧箭头能够对整数进行递增或递减1的操作。
如果输入的数字是小数呢?
你自己试试就知道了!
五、电话类型
这种类型很少有人知道,网上也基本查不到。
以前小楼也对这种类型不了解,以为是能够对国外的电话号码做验证。
其实,在这里偷偷地告诉大家,这种类型实际上在触摸屏设备上才有效。
在触摸屏设备上,光标进入文本框时,能够呼出系统的数字键盘,模拟号码输入。
我长这么大没见过这么嚣张的类型。
六、URL类型
这种类型和邮箱类型相似,能够对输入的内容是否URL进行验证。
合法的URL为“http://”、“ftp://”以及“file://”等等。
七、搜索类型
其实并不能够搜索......
这种类型的文本框,在输入内容时,右侧能够出现一个清空内容的按钮。
仅此而已!
八、文件类型
当你将文本框设置为文件类型后,在画布中,你完全看不到有什么改变。
但是,当你查看原型时,它变成了另外一种样子。
点击选择文件按钮...
等等!这是谷歌浏览器。
换个浏览器看看。
火狐浏览器中,按钮文字是浏览...
不要在意这些细节,你只要知道,这个类型能够点击按钮选择本地的文件,并且将文件名显示在按钮旁边就可以了。
有人惊喜了:这就是上传啊?
哥,能传哪去呀?只是模拟选择本地文件而已,别想太多了!
九十、日期与月份类型。
两种日期类型,可以选择日期和月份。
求拖嘛得!
用火狐浏览器再看一下!
WC!
火狐还不支持月份类型。
十一、时间类型
先看谷歌浏览器中的显示结果。
再看火狐...
能输入进去什么内容算我输......
以上就是关于文本框各种类型的介绍,你学废了吗?
不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!
转载请注明:iaxure.com » 文本框的11种类型