为什么占位符会消失而不会出现?

时间:2017-11-09 12:22:53

标签: html5 placeholder

占位符以焦点消失,不再出现。有必要出现。 单击文本时,文本应该消失,当您单击表单的空白处时,文本应该出现。

<form action="" class="form cons_form-gpu" id="cons_form">
        <p class="form__title">
             Получить бесплатную консультацию специалиста
        </p>
        <div class="form__field">
             <label for="name" class="form__label">
                Ваше имя
                <div class="form__inp-box">
                    <input type="text" name="cons_name" id="cons_name" class="form__input" required="" placeholder="Сергей">
                </div>
             </label>
        </div>
        <div class="form__field">
             <label for="phone" class="form__label">
                Телефон
                <div class="form__inp-box">
                    <input type="text" name="cons_phone" id="cons_phone" class="form__input" required="" placeholder="+7 (___)___-__-__">
                </div>
            </label>
        </div>
        <div class="form__field form__field_last">
            <label for="email" class="form__label">
                Эл. почта
                <div class="form__inp-box">
                    <input type="email" name="cons_email" id="cons_email" class="form__input" required="" placeholder="ivanov@mail.ru">
                </div>
            </label>
        </div>
      <div class="agree_field" style="margin-top: 15px;font-size:12px"><input type="checkbox" name="agree1" id="agree" checked="checked">&nbsp;Даю согласие на обработку персональных данных
                                         в соответствии с <a href="Document-Agreement.pdf" target="_blank">Документом</a>

                                     Получитьконсультацию                                                                                                                                       

1 个答案:

答案 0 :(得分:0)

在Firefox中尝试,只要没有输入文本,就会显示文本。所以它工作正常