使用 UIKit 浮动表单的输入标签

Posted 2023-05-09

【中文标题】使用 UIKit 浮动表单的输入标签

【英文标题】：Floating form's input label with UIKit

【发布时间】：2021-10-27 06:59:15

【问题描述】：

为输入字段及其标签编写了以下代码：

<input id="username" class=uk-input" type="text">
<label for="username">Enter your username</label>

是否可以仅使用 UIKit 的技术使输入字段的标签像插图一样浮动？

我搜索了UIKit documentation，但没有找到与我的问题相关的内容。

如果 UIKit 不可能，那么最佳实践是什么？

【参考方案1】：

这里可以使用 UIKit 类uk-form-label：

<form class="uk-form-stacked">
    <div class="uk-margin">
        <label class="uk-form-label" for="username">Enter your username</label>
        <div class="uk-form-controls">
            <input class="uk-input" id="username" type="text" placeholder="...">
        </div>
    </div>
</form>

更多信息在这里：https://getuikit.com/docs/form#layout