ie7.0官方下载| 血战到底下载| 金山毒霸2014官方下载| 中材科技股份有限公司| qq卫士下载| 财经郎眼下载| 青蛙祖玛单机版下载| 苏州景点推荐| 傻儿师长下载| 决明子的功效与作用及食用方法| 无法初始化| 苏州教育安全平台| 襄阳同城游戏大厅官方下载| 梦幻工具箱下载| 空中营救迅雷下载| 最新迅雷下载| 柯南国语版全集下载| 3dsmax2011中文版下载| ce认证标准| 预见未来迅雷下载| 无法逃离的背叛第二季| 科幻片下载| 鬼画符下载| 屋内有鬼下载| 黑帮高中下载| 科技人生| 信长之野望13下载| 苏州红星美凯龙| 人体蜈蚣2迅雷下载| 许我向你看txt下载| 功夫熊猫国语版下载| 加勒比女海盗2下载| 太一云科技| 西部往事迅雷下载| 使徒行者国语下载| 雷尼替丁副作用| 金枝欲孽2下载| 复制后无法粘贴| 燃油添加剂的作用| 玻璃之城下载| 波纹管标准| 快打旋风3下载| 万能登录器下载| 无法尖叫| 核苷酸的作用| 狼图腾电影下载| 小雨伞下载| 苏州文明网| 极限特工2迅雷下载| 经典钢琴曲下载| 365bet体育在线手机版| 365体育彩票| 365体育开户| 365体育投注| 365bet亚洲官网| 狗万app| 365bet赌场| bet36| 12bet| 365体育备用网址| 明升国际| 365bet真人手机投注| 365bet赌场| 互博| 188bet| 188体育平台| 比分188| 365bet体育在线| 365bet在线官网| 365bet官网

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

网站首页   |   关于伊维   |   网站建设   |   软件开发   |   案例欣赏   |   配套服务   |   新闻动态   |   技术支持   |   联系我们
  新闻动态 News
  伊维观点
 
 
  虚拟空间 域名注册
  优化推广 网站推广
  企业邮箱 短信平台
  平面设计 定制印刷
  户外广告  
 
伊维互联的成长历程与资质
为您解答售
前的一切问题
最新客户与公司动态
伊维互联的
成长历程与资质
给我们发送邮件
最新客户与
公司动态
首页 新闻动态 最新动态
简化输入 — 让网页表单更亲切
  

大部分人不喜欢填表单,因为人们来到网站,主要目的不是填表,而是浏览或者购买。精心设计的表单,使输入变得流畅让人心情愉悦,而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢?页面的布局、逻辑组织、视觉样式等都是值得关注的细节,其中简化输入是最近常被提及的,在这里我分享下自己工作中的心得…

1、更高大的输入框

增加输入框高度,加粗字体,可以让网页上的输入框看起来更容易填写和阅读。随着电脑显示器尺寸变大,这样的输入框也显得更大气。

2、添加选取器。

与其让人输入不如提供选择,选取内容只要点几下,就自动填充进输入框,不但可以减少输入障碍,还能预防出错。可以把任何希望的数据做成选取器,比如日期、颜色、地址或者历史记录等等。

举个例子:前面的“对方开户姓名”输入框,需要填写对方的姓名,如果对方名字里有汉字不认识该怎么办呢?于是我们可以加上一个生僻字的选取器,如图:

打开字库,可以根据模糊读音选取汉字填入输入框。另外,姓名输入框有校验,选取完成后不要忘记对输入框内容进行再一次校验。

3、预置文字。

采用预置文字来简化输入经常在手机上看到,现在在网页上也常使用。比如微博上发言的输入框,会保留你上一次未发出的内容,可以重新编辑。

在网上也会看到把“输入提示”与“预置文字”混用。当然,你怎样称呼他们都是可以的,但要明白这是两种交互方式。输入提示的目的是指导填写的,聚焦输入框后文本消失;而预置文字是属于待修改的正式内容,字体样式应与正式输入的样式相同,聚焦后文本是不会消失的。

当表单输入遇到选填与必填难以抉择时,考虑预置文字会是一个不错的折中方案。比如在一个申请付款的表单中,对用户来说主要需填写的是“对方账号”和“付款金额”,付款说明是一个选填项。但对系统来说,又必须采集付款说明,作为交易凭据之一,这个付款说明怎样处理呢?比较下面3个方式,显然复选框的方式不适合,因为用户若不填写我们就无法收集到数据,而输入提示的方式还是需要用户去填写,所以意义也不大。折中了业务和用户两方面,预置“转账”两字还是不错的,不想填写的人完全可以跳过它。

4、设备读取。

摄像头读取、语音输入……最近,各种智能录入方式在手机上甚是流行,网页上也不甘心示弱,纷纷添加了这些功能~还有人脸识别,不知道不久后会不会流行起来呢?

5、设置输入属性。

现在比较靠谱的还是Html5提供的一些表单类型属性。除了限制输入类型之外还有一些有意思的设置。拖放属性,可以从桌面上直接拖进相应的输入框里。在邮箱中拖入附件,若主题为空还可自动填写主题。而range和number属性,可以直接替换掉输入框,对数值输入很有用,在chrome里显示如图:

 
分享到:
 
 
珠海网站建设·最新动态伊维互联 竭诚为您服务!
建站热线:0756-2611167 (总机)

相关网站建设链接:
珠海做网站|最新动态|珠海网站制作
(声明:本文部分资料参考来源网络,如有侵权请及时告之)

 
沙巴SB体育 365体育足球投注 365体育快报 365体育网上 盈禾体育网
索道公司 上海吴泾化工有限公司 西安婚庆公司 深圳市中电电力技术有限公司 中国船舶重工集团公司第七一二研究所
万利达集团有限公司 房产中介公司简介 济南私家侦探公司 广州证券有限责任公司 上海芙恩礼品有限公司
成都婚纱摄影公司 公关公司是做什么的 青海明胶股份有限公司 无锡租车公司 网络营销培训公司
中信集团公司 福州网站公司 无锡注册公司 上海货代公司 河南煤业化工集团有限责任公司
蜂窝设备 铜陵有色金属集团股份有限公司 北京商贸公司 杭州品牌策划公司 上海华侨国际教育服务有限公司
中国新建集团公司 无锡防水公司 宁波装修公司排名 天津港劳务发展有限公司 装饰工程公司
潍柴动力扬州柴油机有限责任公司 衢州装修公司 中国水利投资集团公司 浙江龙盛薄板有限公司 西安清洁公司