<входной> элемент HTML игнорирует CSS left+right свойства?
Это регулярное выражение будет соответствовать допустимым адресам IPv6 и IPv4 в соответствии с реализацией регулярного выражения GNU C ++ с использованием режима REGULAR EXTENDED:
"^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])(\.(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])(\.(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])(\.(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])(\.(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])(\.(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])(\.(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])(\.(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])){3}))|:)))(%.+)?\s*$"
4 ответа
Можно Использовать обертку DIV
<html>
<head>
<style><!--
#wrapper {
position: absolute;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
}
#someid {
/* position:relative; EDIT: see comments*/
height:100%;
width:100%
}
--></style>
</head>
<body>
<div id="wrapper">
<input type="text" id="someid" value="something"/>
</div>
</body>
</html>
в http://reference.sitepoint.com/css/bottom говорится, относительно Internet Explorer (< = 6)
don’t поддерживают спецификацию и положения и размеров абсолютно расположенного элемента с помощью вершины, права, нижней части, и оставленный вместе; they’ll используют последнее вертикальное и горизонтальное положение, указанное, и нуждаются в размерах, которые будут указаны с помощью ширины и высоты
Это не игнорирует оставленный или вершина, Вы будете видеть, что это убирает положение 10px. То, что происходит, - то, что право и нижнюю часть не уважают. Элементы формы рассматривают немного особенно в механизмах расположения, совершенно возможно, что FF/IE считает width/maxlength входа более важным, я действительно не изучил, почему это могло бы быть.
Это - что-то вроде странной вещи сделать все же. Возможно, то, что Вы были бы более обеспеченным выполнением, смотрит <textarea>, который разработан для обеспечения входа крупного текста, который можно продвинуть к 100% размеров путем применения width: 100%; height: 100%; и заботиться о поле на 10 пкс на контейнерном отделении
WFM:
<html>
<head>
<style>
body
{
margin: 0px;
}
div
{
position: absolute; margin: 2%; width: 96%; height: 96%;
}
textarea
{
position: absolute; width: 100%; height: 100%;
}
</style>
</head>
<body>
<div>
<textarea></textarea>
</div>
</body>
В Safari это выглядит не так, как должно отображаться. Поскольку вы не указали значение высоты, вход по умолчанию будет иметь размер последнего унаследованного размера шрифта.
Правое и нижнее позиционирование также будет проигнорировано, потому что вы пытаетесь одновременно установить верхнее и левое поля. Похоже, в этом случае они имеют приоритет.
Если вам нужно использовать поле ввода и отображать его внутри всей ширины и высоты окна браузера во время его просмотра, вам необходимо повторить CSS следующим образом:
body{
margin:10px;
}
#someid{
display:block;
margin:0 auto;
width:100%;
height:100%;
}
Это расширит поле ввода до такой высоты и ширины, в которой пользователь имеет окно браузера. У него также будет поле по 10 пикселей с каждой стороны от окна браузера.
Если вам нужно поле,