Open hehuasa opened 1 year ago
input输入框在移动端展示模式,label内容较多已提行。但对应的输入框还在第一行,手机上点击这一项时会有页面失效的错觉。
打开官网示例页面,切换至移动端显示。表单---所有类型汇总 页面: https://aisuda.bce.baidu.com/amis/examples/form/full
label提行后,视觉上给人感觉输入框也对应提行了(但实际没有提行是空白的,用户不知道空白处可以点击或输入)。建议优化一下,输入框给一个下划线,或者把输入框也提行。
建议添加placeholder,一些比较流行的移动端框架也是采取的顶部对齐方式。
描述问题:
input输入框在移动端展示模式,label内容较多已提行。但对应的输入框还在第一行,手机上点击这一项时会有页面失效的错觉。
截图或视频:
如何复现(请务必完整填写下面内容):
打开官网示例页面,切换至移动端显示。表单---所有类型汇总 页面: https://aisuda.bce.baidu.com/amis/examples/form/full
label提行后,视觉上给人感觉输入框也对应提行了(但实际没有提行是空白的,用户不知道空白处可以点击或输入)。建议优化一下,输入框给一个下划线,或者把输入框也提行。