Как настроить HTML текстовые поля

0

Я делаю скрипт входа, который имеет шесть текстовых полей, проблема заключается в следующем:

Изображение 174551

Как вы центрируете его и заставляете слова появляться внутри коробки?

EDIT: все, что я ищу в настоящее время, это то, как иметь текст в поле определенного цвета.

Теги:

4 ответа

1
Лучший ответ

Если бы вы просто искали прохладный дизайн, вот что я придумал:

скрипка

Вот HTML:

<form id="signup">
    <input type="text" placeholder="First Name" required="required" />
    <input type="text" placeholder="Last Name" required="required" />
    <input type="email" placeholder="Email" required="required" />
    <input type="email" placeholder="Confirm Email" required="required" />
    <input type="password" placeholder="Password" required="required" />
    <input type="password" placeholder="Confirm Password" required="required" />
    <input type="submit" />
</form>

Стиль, который вам нужно будет увидеть сам.

: D

EDIT: чтобы слова внутри отображались в определенном цвете, поместите это в свой код CSS -

::-webkit-input-placeholder { color: #999; }
:-moz-placeholder           { color: #999; }
::-moz-placeholder          { color: #999; }
:-ms-input-placeholder      { color: #999; }

(Очевидно, измените #999 на цвет по вашему выбору.)

Это приведет к тому, что placeholder появится в определенном цвете. Если вы говорили о цвете написанного текста, тогда просто используйте

input {color: # 999; } }

Поделиться
  • 0
    у меня точно такой же, кроме как без кнопки отправки.
  • 0
    проверить новую картину
Показать ещё 5 комментариев
1

Здесь работает перекрестный браузер DEMO

Вам нужно input[placeholder] для таргетинга элемента-заполнителя на некоторые браузеры.

Поделиться
1

его названный placeholder, где вы говорите, что слова появляются внутри текстового поля. Его атрибут HTML5. Вот как вы его используете

<input type="text" placeholder="Username">
Поделиться
  • 0
    и как отцентрировать его, я попробовал положение: центр; в CSS
  • 0
    Положение центра текста? если это так, используйте text-align:center;
Показать ещё 5 комментариев
0

Я сосредоточил его на странице, добавив это в мой css:

form {

    text-align:center;
}
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню