Html 如果值已填充，则在文本框中添加标签（在AJAX提交或一般情况下）

我构建了一个简单的模态，其中包含表单。 提交后，Ajax响应会重新加载此模式的内容。但一般来说，如果字段的值也被填写了，就会出现这个问题。所以不管我是否使用Ajax

在使用value属性集重新加载此页面后，它看起来像是在单击之前为空的页面。如果单击某个字段，则标签将向上移动

这是处于默认空状态的窗体

<form name="" method="post" action="/web/app_dev.php/partner/0/edit">
    <div class="modal-content">
        <nav class="blue">
            <div class="nav-wrapper">
                <div class="left col s12 m5 l5">
                    <ul>
                        <li><a href="#">Add partner</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="model-email-content">
        <div class="row">
            <div class="col s12">
                <div class="row">
                    <div class="input-field col s12 m6 l3"><input type="text" id="firstName" name="firstName" maxlength="255" class="validate" /><label for="firstName">Vorname</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="lastName" name="lastName" maxlength="255" class="validate" /><label for="lastName">Nachname</label></div>
                    <div class="input-field col s12 m6 l3"><input type="email" id="email" name="email" required="required" maxlength="254" pattern=".{2,}" class="validate" /><label for="email" class="required">E-Mail Adresse</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="company" name="company" maxlength="255" class="validate" /><label for="company">Firma</label></div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m6 l3"><input type="text" id="street" name="street" maxlength="255" class="validate" /><label for="street">Straße</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="houseNumber" name="houseNumber" maxlength="255" class="validate" /><label for="houseNumber">Hausnummer</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="zipCode" name="zipCode" maxlength="255" class="validate" /><label for="zipCode">PLZ</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="city" name="city" maxlength="255" class="validate" /><label for="city">Ort</label></div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m6 l3"><input type="text" id="radius" name="radius" class="validate" /><label for="radius">Radius</label></div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer"><button type="submit" class="waves-effect waves-blue btn-flat modal-action">Speichern</button></div><input type="hidden" id="_token" name="_token" value="Y1e3fJNlUAyLs2bhz7cyTekAy4P2MGtGrojZ7YH924g" />
</form>

沃名称
姓氏
电子邮件地址
菲尔马
斯特拉伊
门牌号
请
奥特
半径
斯皮切恩

如果填充了value属性，就会发生这种情况。

<form name="" method="post" action="/web/app_dev.php/partner/0/edit">
    <div class="modal-content">
        <nav class="blue">
            <div class="nav-wrapper">
                <div class="left col s12 m5 l5">
                    <ul>
                        <li><a href="#">Add partner</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="model-email-content">
        <div class="row">
            <div class="col s12">
                <div class="row">
                    <div class="input-field col s12 m6 l3"><input type="text" id="firstName" name="firstName" maxlength="255" class="validate" value="this"><label for="firstName">Vorname</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="lastName" name="lastName" maxlength="255" class="validate" value="fields"><label for="lastName">Nachname</label></div>
                    <div class="input-field col s12 m6 l3"><input type="email" id="email" name="email" required="required" maxlength="254" pattern=".{2,}" class="validate" value="are-manually@filled.out"><label for="email" class="required">E-Mail Adresse</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="company" name="company" maxlength="255" class="validate"><label for="company">Firma</label></div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m6 l3"><input type="text" id="street" name="street" maxlength="255" class="validate"><label for="street">Straße</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="houseNumber" name="houseNumber" maxlength="255" class="validate"><label for="houseNumber">Hausnummer</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="zipCode" name="zipCode" maxlength="255" class="validate"><label for="zipCode">PLZ</label></div>
                    <div class="input-field col s12 m6 l3"><input type="text" id="city" name="city" maxlength="255" class="validate"><label for="city">Ort</label></div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m6 l3"><input type="text" id="radius" name="radius" class="validate"><label for="radius">Radius</label></div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer"><button type="submit" class="waves-effect waves-blue btn-flat modal-action">Speichern</button></div><input type="hidden" id="_token" name="_token" value="Y1e3fJNlUAyLs2bhz7cyTekAy4P2MGtGrojZ7YH924g">
</form>

沃名称
姓氏
电子邮件地址
菲尔马
斯特拉伊
门牌号
请
奥特
半径
斯皮切恩

---

哦，对不起。我应该多看一些文件

---

我必须将

active

类添加到输入…

哦，对不起。我应该多看一些文件

---

我必须将

活动

类添加到输入…

您应该在输入上使用

占位符

属性，而不是在输入上定位标签。您应该在输入上使用

占位符

属性，而不是在输入上定位标签。这样您的问题就解决了吗？你能回答马克吗？那么你的问题就解决了？你能回答马克吗？