美文网首页
【组件】输入框-标签的对齐方式

【组件】输入框-标签的对齐方式

作者: tianergo | 来源:发表于2020-03-02 20:42 被阅读0次

    常见输入框标签对齐方式 


    1.顶部对齐:对标签规则性要求低,适合长标签或长度差异大的标签(但长标签首先应尽可能简练),占用较多纵向空间。更适合有垂直空间较多的移动端。

    2.左侧对齐:标签长度差异会造成与右侧输入框距离增加,识别时间较长,但是降低填写速度的同时对重要信息的正确填写有益。

    3.右侧对齐:左侧边缘的不规则会导致标签可读性降低,但扫描时间相对较短,填写效率较高。

    4.内部占位符:即标签作为占位符文本。用于极常见的标签,使用限制比较大,不常用。一旦使用文字占位符需要用颜色或格式和输入信息区分开,聚焦后占位符文本也要全部清除,方便正常输入文本。占位符的形式本身常用于提示或进一步解释标签。

    依据表单和标签特点可进行简单的标签位置选择,需输入项目数量的增减对屏幕空间会产生影响,在输入项多的情况下哪怕是竖屏的垂直空间也相对紧缺。另外,应尽量避免在同一表单中使用多种标签对齐方式。

    输入框标签对齐方式的选择

    相关文章

      网友评论

          本文标题:【组件】输入框-标签的对齐方式

          本文链接:https://www.haomeiwen.com/subject/yvtikhtx.html