| |
|
|
| | Помогите сделать на css такую форму
https://www.dropbox.com/s/3abpk7wint3ktrh/screen_019.png | |
| |
|
|
| |
|
|
| |
для: technic611
(18.05.2012 в 12:38)
| | | Как-то так:
<!--<?-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
form {
border-top: 1px solid #000;
}
.wrap {
overflow: hidden;
border: 1px solid #000;
border-top: none;
}
input[type='text'] {
font-weight: bold;
width: 100%;
padding: 3px;
outline: none;
border: none;
}
textarea {
width: 100%;
height: 200px;
padding: 3px;
outline: none;
border: none;
}
input[type='submit'] {
border: 1px solid #000;
background: #fff;
padding: 3px;
margin: 3px 10px 3px 0;
float: right;
}
</style>
</head>
<body>
<form action="">
<div class="wrap">
<input type="text" value="Заголовок" />
</div>
<div class="wrap">
<textarea>Текст</textarea>
</div>
<div class="wrap">
<input type="submit" value="Сохранить" />
</div>
</form>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: bishake
(18.05.2012 в 12:57)
| | | Ещё бы добавить для form - {width: 50%; margin: 0 auto}
А для textarea - {resize: none}
И для обоих полей ввода прописать:
onfocus="if (this.value == this.defaultValue) this.value = ''" onblur="if (!this.value) this.value = this.defaultValue"
|
И тогда можно говорить о "полном соответствии". | |
| |
|
|
| |
|
|
| |
для: ЯСА
(18.05.2012 в 18:01)
| | | Про defaultValue не знал, спасибо.
Однако, я бы всё же посоветовал для этой цели использовать новый placeholder с фаллбэком для старых браузеров. | |
| |
|
|
| |
|
|
| |
для: bishake
(18.05.2012 в 18:11)
| | | >новый placeholder с фаллбэком для старых браузеров
Кошмар в степени ужас! :-)
Не, мы уж как-нить по-старому... | |
| |
|
|
| |
|
|
| |
для: ЯСА
(18.05.2012 в 19:11)
| | | А нафига вешать лишние обработчики? | |
| |
|
|
| |
|
|
| |
для: bishake
(18.05.2012 в 23:30)
| | | А вы заглядывали в исходник скрипта, который предлагаете? | |
| |
|
|
| |
|
|
| |
для: confirm
(19.05.2012 в 05:37)
| | | "Цитирую":
if (input.placeholder && 'placeholder' in document.createElement(input.tagName)) return input;
|
Вам не кажется, что сделано очень разумно? | |
| |
|
|
| |
|
|
| |
для: bishake
(19.05.2012 в 13:48)
| | | Я не о разумности, а о вашем вопросе по поводу "лишних обработчиков". Можно подумать, что сей скрипт обходится без них, и наконец-то изобрели атрибут, который сам по себе все делает. | |
| |
|
|
| |
|
|
| |
для: confirm
(19.05.2012 в 13:52)
| | | Следуя "букве закона", уважаемый Confirm, нативная обработка событий ложится на плечи браузера, а не скрипта, написанного для этой цели. | |
| |
|
|
| |
|
|
| |
для: bishake
(19.05.2012 в 14:20)
| | | И не говорите, есть повод восхищаться. | |
| |
|
|
