html - 将占位符文本从输入内部移动到输入字段上方

Question

我正在尝试将 placeholder="Gift Recipient's First Name" 移动到焦点输入字段的上方。我正在使用重力形式，下面的 HTML 是占位符的显示方式。无论如何我可以将它移到该字段上方，以便一旦有人开始输入它就不会消失？

<li id="field_33_9"
    class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible">
    <label class="gfield_label" for="input_33_9">
        Gift Recipient's First Name<span class="gfield_required">*</span></label>
    <div class="ginput_container ginput_container_text">
        <input name="input_9" id="input_33_9" type="text" value="" class="medium"
            placeholder="Gift Recipient's First Name*" aria-required="true" aria-invalid="false" />
    </div>
</li>

标签： htmlcssforms