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

 

  • 输入遮罩

 

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

 

  • 输入栏位的HTML属性

 

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

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

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

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

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

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

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

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

相关推荐

  • 如何从几何图形增强视觉对比?

    规则与不规则 大多数的图形,可以被有效地分为具有几何意义的几何图形,规则的和不规则的。一般建议在网站设计的时候,在均匀地使用规则图形後,可以合理的使用一些柔和的非规则几何图形。 锐角边与曲线边 简单来说…

    2022年6月25日
    0117
  • 快速提升 UI 设计效果的 6 个小技巧(UI 设计集-11)。

    在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Marc Andrew 的文章梳理了 8 个实用性很强的 UI 效果提升小技巧,是系列文章的十一篇,原文最早发布于 marcandrew.me …

    2023年3月1日 SEO操作
    02
  • 浅谈页面设计的骨架

    虽然随着页面设计的发展,页面的骨架正在渐渐隐退。但是,它依然存在,并且依然发挥着支撑整个页面设计框架的重要作用。提及到骨架,不设计师或者会将其与栅格系统进行混淆。 那什麽是骨架?其实就是整个页面和每个…

    2022年6月25日
    0142
  • 从全球百大品牌网站参考范例 学习响应式网页设计的实用技巧

    最近很多客户都向我们咨询有关“响应式网页设计(Responsive Web Desig)”的问题。下面,就让Inspirr为大家简单介绍一下。 网页设计案例 什麽是响应式网页设计? 根据WeAreSocial和Hootsuite释出的最新统计,截至2021年…

    2022年6月23日 建站资讯
    0136
  • 什麽是REM缩放设计方式?

    页面设计采用REM 缩放方案的原理,其实跟 meta 方案非常接近。区别在於只不过是REM更加粗暴地根据页面设计要面对的设备宽度来调整缩放。与meta 方案对比的是,REM缩放原理方案不是整个页面进行缩放,而是页面上所有…

    2022年6月25日
    0206
  • 网页设计有哪些新的思路?

    网页设计的过程当中本身也都存在着一定的故事,这些故事基本上和人类的历史是一样的,这就是为什么网页设计还是通过故事来进行表达,当然在网页设计的时候究竟存在着哪些新的思路,这也是很多人想了解的。 第1种思…

    2019年9月17日
    0340
  • 自动搜索建议机制要注意的事项

      确保你设计的自动搜索建议是有效的。因为不当的搜索建议内容,可能会混淆和分散用户的注意力。尽量説明使用者更正拼写,识别词根,预测文本,并改进你的工具。 当用户开始输入之後,尽快开始给予用户建议,…

    2022年6月25日
    0266
  • 小编教你网页设计的加速方式有哪些。

    如果想提高网页设计的搜索结果排名,那么加载时间对优化变得越来越重要,介绍几种提高网站加载速度的方法。检查使用的是主机,网站速度缓慢的最大原因可能是使用共享主机,共享主机与其他网站共享服务器的资源,虽…

    2023年6月16日
    00

联系我们

QQ:951076433

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