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

【问题标题】：Floating form's input label with UIKit使用 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 不可能，那么最佳实践是什么？

【问题讨论】：

标签： css forms label floating getuikit

【解决方案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

【讨论】：