Изменение заполнителя кнопки отправки не работает?

Question

HTML:

<form action="../php/Inloggen.php" method="post" class="LoginForm">
        <!-- Titel -->
        <h2>Inloggen</h2>
        <!-- User Data -->

        <div class="Inputbox">
            <input type="email" name="Email" required>
            <label for=" Email ">Email</label>
        </div>

        <div class="Inputbox">
            <input type="password" name="Password" required>
            <label for="Password ">Wachtwoord</label>
        </div>
        <!-- Send form -->
        <input type="submit" name="Submit" palceholder="Inloggen">
    </form>

css:

    .RegisterForm {
        height: 35em;
        width: 25em;
    }

    .LoginForm {
        height: 20em;
        width: 25em;
    }

    .RegisterForm,
    .LoginForm {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 12.5%;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .RegisterForm h2,
    .LoginForm h2 {
        color: white;
        margin: 1em 1em 1em 5.5em;
    }

    .RegisterForm .Inputbox,
    .LoginForm .Inputbox {
        position: relative;
        margin: 1em;
        color: white;
        background: transparent;
    }

    .RegisterForm .Inputbox input,
    .LoginForm .Inputbox input {
        position: relative;
        width: 100%;
        margin-bottom: 1em;
        padding: 1em 0;
        font-size: 1em;
        color: #ffffff;
        border: none;
        outline: none;
        border-bottom: 1px solid white;
        background: transparent;
        transition: 1s;
    }

    .RegisterForm .Inputbox label,
    .LoginForm .Inputbox label {
        position: absolute;
        top: 0;
        left: 0;
        padding: 1em 0;
        font-size: 1em;
        color: #ffffff;
        transition: 0.5s;
        pointer-events: none;
    }

    .RegisterForm .Inputbox input:focus~label,
    .RegisterForm .Inputbox input:valid~label,
    .LoginForm .Inputbox input:focus~label,
    .LoginForm .Inputbox input:valid~label {
        top: -1em;
        left: 0;
        color: #03a9f4;
        font-size: 0.8em;
    }

    .RegisterForm input[Type="submit"],
    .LoginForm input[Type="submit"] {
        margin: 1em 1em 1em 1.5em;
        padding: 0.5em 1.2em;
        background: transparent;
        border: none;
        outline: none;
        color: #ffffff;
        background: #03a9f4;
        cursor: pointer;
        border-radius: 5px;
    }

У меня есть кнопка отправки: <input type="submit" name="Submit" palceholder="Inloggen"> заполнитель говорит "inloggen". поэтому он должен показывать inloggen на кнопке, верно?

это не так. это показывает "verzenden", который я имею на другой странице html. когда я использую элемент inspect, в качестве заполнителя кнопки отображается «inloggen»

Я думал, что это проблема с кэшированием, поэтому я перезапустил браузер, но это не помогло.

Answer 1

заполнитель говорит "inloggen". поэтому он должен показывать inloggen на кнопке, верно?

Нет.

Заполнители предназначены для подсказки (обычно это пример) того, что кто-то может ввести во вход. Вы не можете ничего вводить в кнопку отправки, поэтому не имеет смысла что-либо делать.

Отображаемый текст для <input type="submit"> задается value attribute.

Если вы хотите иметь другой отображаемый текст и отправленное значение, используйте элемент <button>:

<button name="field_name" value="submitted_value">Display Text</button>