How to anchor Quasar QInput/QSelect placeholder label at top and within the QInput/QSelect boxes even when no data added or selected in them?

huangapple go评论62阅读模式
英文:

How to anchor Quasar QInput/QSelect placeholder label at top and within the QInput/QSelect boxes even when no data added or selected in them?

问题

如何在未添加或选择任何数据时,将占位标签固定在QInput/QSelect框的顶部和内部?

我提出这个请求是为了避免用户在第一次查看时假定字段中已经添加了数据。

我希望标签的位置如下面的“显示名称”字段中,即使没有添加数据。

它不应该像“用户名”和“密码”字段中那样。
How to anchor Quasar QInput/QSelect placeholder label at top and within the QInput/QSelect boxes even when no data added or selected in them?

请帮忙。

英文:

How to anchor placeholder label at top and within the QInput/QSelect boxes even when no data added or selected in them?

I am requesting this to avoid users assuming that data already added in the fields on first look.

What I expect is the positioning of the label as in the Display Name field below with no data added in it.

It should NOT be like in the User Name and Password fields.
How to anchor Quasar QInput/QSelect placeholder label at top and within the QInput/QSelect boxes even when no data added or selected in them?

Kindly help.

答案1

得分: 0

只有以下内容需要翻译:

"stack-label : Boolean"
"标签将始终显示在字段上方,无论字段内容如何(如果有的话)"

英文:

There is a prop for this 'stack-label'

> stack-label : Boolean <br />
> Label will be always shown above the field regardless of field content
> (if any)

documentation

code example

&lt;q-input v-model=&quot;text&quot; label=&quot;Display Name&quot; stack-label /&gt;

huangapple
  • 本文由 发表于 2023年4月20日 00:10:20
  • 转载请务必保留本文链接:https://go.coder-hub.com/76056704.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定