Не показывать текст в нижней части поля ввода текста
Проблема в том, что глобальная область видимости содержит объекты, определенные в ней во время выполнения браузером, и вы хотите, чтобы эти определения не мешали вашему коду. Я не знаю, как отключить это поведение, но у меня есть два способа обхода:
1) Как показано в статье, с которой вы связаны, вы можете обойти это, убедившись, что вы определите каждую переменную перед ее использованием. Я бы достиг этого, выполнив мой код через JSLint , который предупреждает об этом (в дополнение к совокупности других распространенных ошибок).
2) Однако, поскольку это можно забыть запустить код через JSLint, вы можете предпочесть шаг в цепочке инструментов, который вы не можете забыть. В этом случае посмотрите CoffeeScript - это langauge, очень похожая на javascript, которую вы компилируете в javascript перед использованием, и введет правильные определения var для вас. На самом деле, я подозреваю, что вы не можете писать код, который опирается на автоматическую создание переменных элементов с помощью CoffeeScript.
8 ответов
Удалите padding-top или задайте те же padding-top и padding-bottom, вы также можете использовать height свойство
input {
padding: 100px 0;
width: 500px;
}
или
input {
height: 100px;
width: 500px;
}
. Эти коды центрировать текст. если вы хотите наверх, используйте padding-bottom свойство
input {
padding-bottom: 100px;
width: 500px;
}
Удалите padding-top: 100px; и замените его на padding-bottom:100px; из кода css, и проблема решена, потому что padding-top вводится в текст в поле ввода текста.
input {
padding-bottom: 100px;
width: 500px;
}
input[type=text] {
border: 2px solid darkgrey;
border-radius: 10px;<input type='text'/>
input {
padding-bottom: 100px;
width: 500px;
}
input[type=text] {
border: 2px solid darkgrey;
border-radius: 10px;<input type='text'/> замените padding-top на padding-bottom, если вы хотите сохранить высоту, или уберите padding-top. спасибо
Пожалуйста, удалите padding-top: 100px; из кода CSS. Если вы хотите сохранить высоту, установите height или padding-bottom.
Это padding-top, что создает эту проблему. Если вы хотите увеличить поле ввода, используйте height вместе с width вместо padding. Конечно, это зависит от того, чего вы пытаетесь достичь. Если вы хотите увеличить поле ввода и текст в середине поля, вы можете сделать что-то вроде этого:
input {
height: 100px;
width: 500px;
text-align: center;
}
input[type=text] {
border: 2px solid darkgrey;
border-radius: 10px;
}<input type='text'/> Ваш padding-top вызывает это. Установите меньшее значение, например 10px.
Используйте отступы: 15px; вместо padding-top, это стандартное заполнение в начальной загрузке или любом другом фреймворке, и если вам нужно большое поле ввода, используйте textarea, и увеличьте значение строки, если вы хотите увеличить высоту, или вы можете отрегулировать высоту с помощью css а также.