如何让表单输入格式更易於填写?

 

  • 输入遮罩

 

説明使用者格式化输入文本的输入遮罩,虽然在外观上与提示文字比较相似,但其实并不一样。首先,遮罩只出现在用户点击输入框的时候,避免了一些常见的障碍问题。其次,输入的文字自动应用正确的文本格式,这样能够让使用者在输入的时候视觉焦点在重点之上,帮助他们集中了注意力。除此之外还有常见的,如填写电话号码时括弧和破折号自动填充。

 

  • 输入栏位的HTML属性

 

常见的有数位键盘、电话键盘,如日期、邮编、信用卡等,使用数位小键盘比较合适,这样使用者就拥有了比较大的点击目标。除此之外当然还有以下的几种:

自动填写:根据流览器去保存并且去提醒使用者以前输入过的内容。

自动校正:更正使用者输入的拼写错误,给予接近的选项值进行推荐。

自动首字母大写:自动大写化使用者输入的第一个字母,当然,邮箱输入时不建议。

自动拼写错误检查:对於使用者的输入存在错误时,给予标准。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44414.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 23:46
下一篇 2022年6月25日 23:46

相关推荐

  • UI设计无灵感怎麽办?精选盘点海外最受欢迎的UI设计案例

    如今很多消费者在选购产品或服务时,都会透过网络搜索相关资料,以便选择更适合自己的产品或服务。可见,在互联网大潮中,企业拥有自己的企业网站是非常重要的。下面,Inspirr将从网页设计、APP设计、排版设计、动…

    2022年6月21日 建站资讯
    0188
  • 两招轻松消灭尴尬的空白状态

    第一招,情感化的表达 这招比较适合出现在用户操作异常的时候,为了有效的提升用户体验,缓解用户的疑惑和情绪,最好将提示文案写得生动活泼一些,并且搭配合适的动效元素。而不是冷冰冰的错误提醒。 第二招,提供…

    2022年6月25日
    0104
  • 增强网站对比:形状与颜色

    形状:假设你的网页设计当中的元素全是矩形,只有唯一的圆形,那麽就能够很快的从用户的视觉上跳脱出来。因此,合理的运用元素的形状,能够很好的提高网站的对比程度!比如,钝化照片的边缘,又或者把内容或者图片…

    2022年6月9日
    0118
  • 如何拯救尴尬的交互体验?  

      界面设计当中的交互流程出现问题并不罕见,主因当然是无法很好地在兼顾到细节。在界面设计过程当中,大多都是使用宏观框架,要细致到使用用户体验地图、卡片分类等方法去进行细节设计显然并不是那麽显示! …

    2022年6月25日
    0107
  • 为何网站建设需要考虑安全问题

    如何让你的网站建设能够带给用户信赖感?这是很多网页设计师都会思考的问题,毕竟现在是一个互联网高速发展的时代,互联网承包了用户生活的方方面面。这就意味着涉及到用户不少的个人隐私,账户、密码、姓名、地址…

    2022年6月11日
    0162
  • 网页设计规范:如何选择合适的图片排版方式

    无论是平面设计、网页设计还是APP设计,排版布局都是非常重要的。排版的难处并不是根据设计好的版面来填充内容,而是根据具体的内容布局排版。下面,南宁网页制作公司将分享,「如何在不同情况下,选择合适的图片排…

    2022年6月25日 建站资讯
    0619
  • 进度条与用户体验

    对於用户来说,要说在网上感觉讨厌的事情,等待加载肯定是榜上前几名。虽然对於网页设计来说,现在在技术上是有一定的方法可以加快网页的响应速度。但是更多的时候,等待是必须的流程之一。因此,在必须让用户等待…

    2022年6月25日
    0126
  • 为何界面当中的交互逻辑不强?  

      不少界面设计师都遭遇过这种情况,合理的运用了方法论,流程也是符合用户预期的,同时整体的方向以及界面设计内容框架都没有问题。可是,到结果却还是出现了交互设计方面的逻辑问题! 其实最重要的问题是出…

    2022年6月25日
    0132

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息