青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 为中文而设计的文本框

为中文而设计的文本框

网站工程师 2020-03-27 10:53发表
阅读次数 1155
  我一直觉得,文本框的这个东西,在有输入法的国家,是我们这些懒人的杯具,文本框的自动完成功能,在配合输入法下,简直是个鸡肋。一次次的切换Ctrl+Space,是否有让你崩溃想敲烂键盘呢?

  上面的那张图已经很明显的让我们感觉到了三个问题:

  输入法把自动完成遮挡住了,我看不见。使用键盘↑↓键只能切换输入法内的选字,无法选择自动完成内的选项。想用却用不到。当你懊恼的打算用鼠标去点自动完成列表内的文字时,杯具发生了,你发觉,你点了,事实上什么效果都没有。你的文本框变成一遍空白。(在Chrome下多种中文搜索引擎有此问题,杯具啊。)备注:经过笔者测试多种搜索引擎在不同浏览器的呈现效果,这三个问题出现的几率各不相同,但在chrome下这三个问题非常明显。(Chrome渲染有问题?)

  关于问题一在Chrome下似乎没有解决方案,所有的搜索引擎表现都如文章开头的图片的效果。

  IE下,大部分的搜索引擎都采用了一种笨可是最有效的方法:只有文字被完全输入到文本框内后,自动完成才出现,这样就避免了遮挡的问题了。

  在FF下,大部分搜索引擎也是采用与IE内的做法,隐藏自动完成。当然,也有笨家伙:百度和有道,在FF下依然还是遮挡住了。

  关于问题二因为在IE与FF下大部分搜索引擎采用了上诉的的方法避免了出现输入法与自动完成,所以这个问题主要是出现在Chrome内。从实际的测试中发现,国外的搜索引擎表现更佳。

  在Chrome的Google与bing搜索,如果使用↑↓键,是可以选中自动完成的,当然,你的输入法选字也同时切换了。

  当然,也有笨家伙:Chrome下的所有中文搜索引擎,以及FF下的百度和有道,依然还是无法使用↑↓键选择自动完成。

  关于问题三

  好了,我就直接说笨家伙吧,这次上榜的还是百度与有道。但是百度这次可以欣慰了:有道垫底了。有道在FF与Chrome下鼠标点击自动完成后,文本框都会自动消失。百度只在Chrome下出现此问题。

  说明这些问题并不是表示我强烈的鄙视中文搜索引擎,相反我更爱好他们。但我们需要考虑的问题是:在设计文本框的时候,是否应该更加考虑到一个现实:所有的中文用户都在用输入法输入文本框。我们的操作比英文用户更复杂。

  在输入的时候,中文用户多了一个翻译的步骤,把键盘上的字母翻译为中文汉字。这也是中文用户偏爱鼠标操作的原因,因为输入的工作太复杂了,虽然我们的输入法在近几年有着超越的发展,但对于用户而言,这种门槛还是存在的。——至少我的爸妈想使用电脑打字,他们就不得不去学拼音。

  那么,为了使用户少按一次ctrl+space,让用户操作更流畅,在文本框的设计上,我们必须更加细致与谨慎。我个人总结有以下几个方法。

  禁用输入法

  如果某些文本框只允许用户输入字母符号以及数字(如登陆界面的“用户名”),那就禁用输入法吧。

  网易邮箱的登陆界面就采用了这种方法,Web界面的实现手段很简单,只需在CSS代码内加上:ime-mode:disabled;

  当然,目前很多产品的登陆界面都进行了相同的处理,不妨挖掘下更多产品内部的文本框吧。如验证码输入框。

为中文而设计的文本框相关标签:网站制作方案企业做网站制作网页网站制作方案
相关热点推荐
网站可信度建设十大准则
公司建设网站需要准备什
如何加强用户体验,降低
个人网站站长看过来网站
为什么要使用DIV+C
HTML5技术的优点和
优化用户体验,让网站呈
网页的审美需求
如何提高百度收录的概率
站长总结站群空间稳定性
罕见设计创意的WEB网
关于网站跳出率
SEO链接诱饵小策略
企业网上的"家"
外贸网站建设中需要注意
网站推广技巧8则(四)
网站前端页面设计分析
网页设计元素的减法式优
向细节挖掘灵感:网站设
网站改版对网站优化有什
关于网站排名的基本原则
设计网页页面内容要新颖
什么是自助建站系统
如何进行网站首页改版
首页:如何发挥五大引导
网站推广、网站宣传的作
企业VI设计不可忽略的
深色调网页界面设计注意
网站建设前应该准备什么
网站文化与网页设计
什么样的网站才能实现效
SEO教程推荐--网站
怎样让网站友情链接交换
网站百度快照不更新的解
《设计师谈网页设计思维
如何让你的网站或是个人
关键词网页应该放到什么
引发思考的细节设计
什么样网站体验更好一些
现代企业需要建立网站吗
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
160个月 8