Tencent / tdesign-vue

A Vue.js UI components lib for TDesign.
https://tdesign.tencent.com/vue
MIT License
920 stars 358 forks source link

[Form] 新的表单提示信息交互形式 #3241

Open ghostzhang opened 4 months ago

ghostzhang commented 4 months ago

这个功能解决了什么问题

image 当前表单的填写说明存在两个问题:

  1. 输入时无法看到提示
  2. 一直显示又导致信息密度过高,干扰阅读

你建议的方案是什么

image

github-actions[bot] commented 4 months ago

👋 @ghostzhang,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

RADWIMPS426 commented 4 months ago
ghostzhang commented 3 months ago
  • 默认文本通常用于提示用户在输入框中应该输入什么内容,它会在用户没有输入任何内容时显示,并在用户开始输入时会自动消失。
  • 提示文字通常用于提供更详细的说明或指导,解释输入框的要求、格式或其他相关信息,它不会随着用户的输入而变化,通常会固定在输入框的下方或旁边。
  • 两者所起到的作用和侧重点是不同的。默认文本更适合提示用户输入的内容,而提示文字更适合提供详细的格式或要求信息,不建议省略其中一个部分,而是根据具体需求合理使用这两部分来提升用户体验。

当两个信息同时出现时,会导致信息密度过高,干扰阅读 image image