|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
27.07.2012, 13:43 | #11 |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
|
27.07.2012, 14:48 | #12 |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Сделал placeholder, но надписи не исчезают, когда ставится курсор.
Отстой этот placeholder! |
27.07.2012, 14:54 | #13 |
Форумчанин
Регистрация: 08.07.2010
Сообщений: 679
|
Это в хроме не исчезает, посмотрите на другие браузеры. А placeholder - это не отстой, а стандарт, который браузеры реализовывают по-своему.
|
27.07.2012, 14:57 | #14 | |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Цитата:
Но Хромом пользуются много людей. А в IE ваще ничего не отображается. Полный отстой этот placeholder! |
|
27.07.2012, 16:15 | #15 |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
А в Safari этот фиговастый placeholder даже не хочет выравниваться по центру!
|
28.07.2012, 02:17 | #16 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Цитата:
Ишак компенсируется гуглокодами (где-то в гуглопоиске). Плейсхолдер поддерживается браузерами: фф (16,6%) , хром (23,9%), опера (17,6%), сафари (7,4%) Не поддерживается самым лучшим в мире браузером (версии 6-9) - это 12,2% пользователей... да его даже современные мобилы поддерживают О_о!
Alar, верни репу!
|
|
28.07.2012, 13:42 | #17 | |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Цитата:
Возвращаясь к начальному вопросу - как поставить надписи по центру input? Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css" media="all"> form#login { padding:6px; position:relative; border:1px solid grey; } div#username, div#password { position:relative; margin-right:3px; } input#username-field, input#password-field { width:10em; } label.overlabel { color:#999; } label.overlabel-apply { position:absolute; top:3px; left:5px; z-index:1; color:#999; cursor:text; } </style> <script type="text/javascript"> function initOverLabels () { if (!document.getElementById) return; var labels, id, field; // Set focus and blur handlers to hide and show // LABELs with 'overlabel' class names. labels = document.getElementsByTagName('label'); for (var i = 0; i < labels.length; i++) { if (labels[i].className == 'overlabel') { // Skip labels that do not have a named association // with another field. id = labels[i].htmlFor || labels[i].getAttribute('for'); if (!id || !(field = document.getElementById(id))) { continue; } // Change the applied class to hover the label // over the form field. labels[i].className = 'overlabel-apply'; // Hide any fields having an initial value. if (field.value !== '') { hideLabel(field.getAttribute('id'), true); } // Set handlers to show and hide labels. field.onfocus = function () { hideLabel(this.getAttribute('id'), true); }; field.onblur = function () { if (this.value === '') { hideLabel(this.getAttribute('id'), false); } }; // Handle clicks to LABEL elements (for Safari). labels[i].onclick = function () { var id, field; id = this.getAttribute('for'); if (id && (field = document.getElementById(id))) { field.focus(); } }; } } }; function hideLabel (field_id, hide) { var field_for; var labels = document.getElementsByTagName('label'); for (var i = 0; i < labels.length; i++) { field_for = labels[i].htmlFor || labels[i].getAttribute('for'); if (field_for == field_id) { labels[i].style.textIndent = (hide) ? '-1000px' : '0px'; return true; } } } window.onload = function () { setTimeout(initOverLabels, 50); }; </script> </head> <body> <table border="1" cellpadding="9" cellspacing="0" width="100%"> <tr align="center"> <td> <form id="login" action="#" method="post"> <div id="username"> <label for="username-field" class="overlabel">Username</label> <input id="username-field" type="text" name="username" title="Username" value="" tabindex="1" /> </div> <div id="password"> <label for="password-field" class="overlabel">Password</label> <input id="password-field" type="password" name="password" title="Password" value="" tabindex="2" /> </div> <div id="submit"> <input type="submit" name="submit" value="Login" tabindex="3" /> </div> </form> </td> </tr> </table> </body> </html> |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Размещение по центру | Vitaliy> | HTML и CSS | 3 | 16.07.2012 15:09 |
Выравнять текст на MsgBox | VistaSV30 | Microsoft Office Access | 1 | 25.12.2009 15:34 |
выравнивание по центру | ruavia3 | Microsoft Office Access | 5 | 03.12.2009 09:30 |
При расположении Label на компонентах, место под Label, не реагирует на событие onClick. | NavigatorNeba | Компоненты Delphi | 3 | 15.11.2008 19:56 |
Вопрос по label. Как сделать так чтобы label была прозрачной. | Lonix | Компоненты Delphi | 2 | 01.04.2007 06:23 |