Span внутри поля ввода и удалить текст html при отправке

Я новичок в php, я хочу, чтобы мой диапазон отображался в поле ввода, и после отправки формы я ненавижу это * обязательное поле и * продолжаю отображать.

<html>
<head>
<style>
.error {color: #FF0000;}
</style>
</head>
<body>  

<?php
<h2>PHP Form Validation Example</h2>
<p><span class = "error">* required field</span></p>
<form method = "post" action = "<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">  
  Name: <input type = "text" name = "name" value = "<?php echo $name;?>">
  <span class = "error">* <?php echo $nameErr;?> </span>
  <br><br>
  E-mail: <input type = "text" name = "email" value = "<?php echo $email;?>">
  <span class = "error">* <?php echo $emailErr;?></span>
  <br><br>
  Website: <input type = "text" name = "website" value = "<?php echo $website;?>">
  <span class = "error"><?php echo $websiteErr;?></span>
  <br><br>
  Comment: <textarea name = "comment" rows = "5" cols = "40"><?php echo $comment;?></textarea>
  <br><br>
  Gender:
  <input type = "radio" name = "gender" value = "female" <?php if (isset($gender) && $gender== = "female") {echo "checked";}?>>Female
  <input type = "radio" name = "gender" value = "male" <?php if (isset($gender) && $gender== = "male") {echo "checked";}?>>Male
  <input type = "radio" name = "gender" value = "other" <?php if (isset($gender) && $gender== = "other") {echo "checked";}?>>Other
  <span class = "error">* <?php echo $genderErr;?></span>
  <br><br>
  <input type = "submit" name = "submit" value = "Submit">  
</form>

</body>
</html>

Вы отправляете форму почтой или получаете? Совет: вы должны добавить свой код, чтобы помочь вам лучше!

— 12.03.2019 21:34

Пожалуйста, добавьте html / css формы к вашему вопросу

— 12.03.2019 21:35

php html css

12.03.2019 21:29

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

1 443

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы не можете поместить его внутрь ввода.

Вы можете использовать абсолютное позиционирование внутри контейнера, чтобы поместить его поверх ввода:

.input-container {
    position: relative;
    display: inline-block;
}

.input-container .error {
    font-size: 14px;
    color: red;
    position: absolute;
    right: 5px;
    top: 5px;
    font-style: italic;
}

label {
    display: inline-block;
    margin-right: 15px; 
}

input[type = "text"] {
    width: 300px;
    height: 40px;
    padding: 5px 15px;
}

<form method = "post">
    <div class = "field-container">
        <label for = "name">Name *</label>
        <div class = "input-container">
            <input id = "name" type = "text" name = "name" value = "" />
            <span class = "error">* This field should not be empty</span>
        </div>
    </div>
    <!-- repeat for other fields -->
</form>

Если вы хотите показать ошибку только тогда, когда она есть:

<?php if (isset($_POST['name']) && strlen($nameErr) > 0): ?>
    <span class = "error"><?php echo $nameErr; ?></span>
<?php endif; ?>

Здесь я предполагаю, что переменная является пустой строкой, когда нет ошибки.

где находится .field-container не могли бы вы объяснить

— 13.03.2019 21:58

13.03.2019 10:08

Другие вопросы по теме

Если возможно, как я могу использовать селен для идентификации элементов, находящихся во вложенных фреймах?

Как добавить интервал между столбцами TD в таблице?

Работа с вертикальным текстовым полем

JQuery AJAX POST-форма

Img-миниатюра не поддерживает соотношение сторон

Сделать элемент выбора html обязательным

Перекрытие изображения и текста в css со ссылкой только на изображение

Ползунок диапазона — как добавить вертикальные линии на дорожку?

Не могу загрузить карусель — Bootstrap 4

Получение селектора над вкладками для изменения размера и перемещения по мере необходимости?

Span внутри поля ввода и удалить текст html при отправке

Ответы 1

Другие вопросы по теме

Похожие вопросы