@srgvac
Разработчик любитель

Как исправить то,что placeholder не помещается в input?

Надо сделать так,чтобы текст placeholderа помещался в поле Input
5e85d3e4036ba478619557.png
<form class="form" id="form-4">
                                    <input class="input input-f" type="text" placeholder="Ваше имя" name="f[name]">
                                    <input class="input input-f" type="text" placeholder="E-mail" name="f[email]">
                                    <button type="submit" class="btn">
                                        Отправить
                                    </button>

                                </form>

background: #FFFFFF;
    border-radius: 20px;
    padding: 18px 90px;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    border: none;
    outline: none;
}
input, button, textarea {
    -webkit-appearance: none;
}
* {
    box-sizing: border-box;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
.first {
    padding-top: 70px;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
}
html, body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

html {
    color: -internal-root-color;
}
  • Вопрос задан
  • 1701 просмотр
Решения вопроса 2
Seasle
@Seasle Куратор тега CSS
Тут явно чего-то не хватает. На скрине форма одна, в коде другая. На скрине явно видно фиксированную ширину и большие горизонтальные отступы (дальше перебивается свойство padding), в коде - нет.
Ответ написан
Комментировать
LenovoId
@LenovoId
svg, css,js
у меня поместился placeholder

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
21 нояб. 2024, в 23:30
300000 руб./за проект
21 нояб. 2024, в 22:21
3000 руб./в час
21 нояб. 2024, в 21:42
100000 руб./за проект