Comments on: Делаем компактные формы более доступными http://designformasters.info/posts/compact-accessible-forms/ Сайт для веб-разработчиков Fri, 10 Feb 2012 13:46:53 +0000 http://wordpress.org/?v=2.7.1 hourly 1 By: Илья http://designformasters.info/posts/compact-accessible-forms/#comment-7165 Илья Thu, 11 Nov 2010 15:08:39 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-7165 В помощь всем! Попробуйте <a href="http://www.electrictoolbox.com/examples/plain-text-password-field.html" rel="nofollow"><strong>другой</strong></a> способ, т.к. он куда более изящный и в случае с подстановкой запомненного пароля звездочки не накладываются на слово "Пароль". Проверено во всех браузерах. Требуется включение библиотеки jquery. В помощь всем!

Попробуйте другой способ, т.к. он куда более изящный и в случае с подстановкой запомненного пароля звездочки не накладываются на слово "Пароль".

Проверено во всех браузерах. Требуется включение библиотеки jquery.

]]> By: Илья http://designformasters.info/posts/compact-accessible-forms/#comment-7163 Илья Wed, 10 Nov 2010 16:09:32 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-7163 Спасибо! Но Ваш изящный спосособ не работает и выглядит некрасиво, если пользователь (например в IE или в Opera) подставит сохрененный логин и пароль. Пароль в этом случае наложится на слово "Пароль" звездочками. Решение, которое применил на саоем сайте <strong>DoubleG</strong> не подходит, т.к. слово "Пароль" должно стираться во всех случаях, даже при подстановке запомненного варианта! Спасибо!

Но Ваш изящный спосособ не работает и выглядит некрасиво, если пользователь (например в IE или в Opera) подставит сохрененный логин и пароль. Пароль в этом случае наложится на слово "Пароль" звездочками.

Решение, которое применил на саоем сайте DoubleG не подходит, т.к. слово "Пароль" должно стираться во всех случаях, даже при подстановке запомненного варианта!

]]> By: Folindril http://designformasters.info/posts/compact-accessible-forms/#comment-6672 Folindril Tue, 01 Jun 2010 10:50:32 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-6672 чтобы при наведении курсора на текстовое поле курсор имел соответствующий вид, неплохо было бы в стиль добавить: label.overlabel-apply { <strong>pointer: text;</strong> .... } чтобы при наведении курсора на текстовое поле курсор имел соответствующий вид, неплохо было бы в стиль добавить:

label.overlabel-apply {
pointer: text;
....
}

]]> By: Колян http://designformasters.info/posts/compact-accessible-forms/#comment-6405 Колян Fri, 26 Mar 2010 10:31:12 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-6405 2karl Представляю, как будет выглядеть лычка для поля типа password. [Логин ] [****** ] 2karl

Представляю, как будет выглядеть лычка для поля типа password.

[Логин ]
[****** ]

]]> By: 5 юзабилити кошмаров на каждый день - Design For Masters http://designformasters.info/posts/compact-accessible-forms/#comment-5722 5 юзабилити кошмаров на каждый день - Design For Masters Wed, 07 Oct 2009 09:37:17 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-5722 [...] Решение: чтобы полностью исключить такую проблему, никогда не вводите текст приглашения непосредственно в поле, используйте технику описанную в статье о компактных формах. [...] [...] Решение: чтобы полностью исключить такую проблему, никогда не вводите текст приглашения непосредственно в поле, используйте технику описанную в статье о компактных формах. [...]

]]> By: karl http://designformasters.info/posts/compact-accessible-forms/#comment-5480 karl Tue, 18 Aug 2009 05:22:31 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-5480 <strong>к вопросу о компактных полях:</strong> зачем столько не нужного яваскрипт-кода? всю жизнь использовал такой механизм: (--input name="period[value]" class="input-text select-date" value="Период проживания" onfocus="if(this.value == 'Период проживания') this.value = ''" onblur="if(this.value == '') { this.value = 'Период проживания';}" type="text" --) при необходимости можно скрипт упростить и автоматизировать для любой формы к вопросу о компактных полях:
зачем столько не нужного яваскрипт-кода?
всю жизнь использовал такой механизм:
(--input name="period[value]" class="input-text select-date" value="Период проживания" onfocus="if(this.value == 'Период проживания') this.value = ''" onblur="if(this.value == '') { this.value = 'Период проживания';}" type="text" --)
при необходимости можно скрипт упростить и автоматизировать для любой формы

]]> By: DoubleG http://designformasters.info/posts/compact-accessible-forms/#comment-5300 DoubleG Fri, 17 Jul 2009 13:14:29 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-5300 Опытным путём выяснил, что влияет на это <blockquote><code>label.overlabel-apply { left:5px; }</code></blockquote> если left поменять на right Опытным путём выяснил, что влияет на это

label.overlabel-apply {
left:5px;
}

если left поменять на right

]]> By: DoubleG http://designformasters.info/posts/compact-accessible-forms/#comment-5298 DoubleG Fri, 17 Jul 2009 12:35:32 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-5298 Спасибо за статью. ТОлько в вашем примере способ с text-indent работает, а у меня нет. не могу понять почему =(( Если сделать скрипт с <blockquote><code>labels[i].style.display = (hide) ? 'none' : ''; </code></blockquote> то всё работает. <a href="http://brewquacrew.spb.ru/" rel="nofollow"> http://brewquacrew.spb.ru/</a> Спасибо за статью.

ТОлько в вашем примере способ с text-indent работает, а у меня нет. не могу понять почему =((
Если сделать скрипт с 

labels[i].style.display = (hide) ? 'none' : '';

то всё работает.

http://brewquacrew.spb.ru/

]]> By: Overlabel в ExtJS http://designformasters.info/posts/compact-accessible-forms/#comment-3856 Overlabel в ExtJS Fri, 03 Oct 2008 20:43:52 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-3856 [...] [1]http://www.alistapart.com/articles/makingcompactformsmoreaccessible [2]http://designformasters.info/posts/compact-accessible-forms/ Добавить пост в:   Подписаться [...] [...] [1]http://www.alistapart.com/articles/makingcompactformsmoreaccessible [2]http://designformasters.info/posts/compact-accessible-forms/ Добавить пост в:   Подписаться [...]

]]> By: Евгений http://designformasters.info/posts/compact-accessible-forms/#comment-375 Евгений Mon, 23 Jul 2007 11:59:33 +0000 http://designformasters.info/posts/compact-accessible-forms/#comment-375 Иногда так и перевожу, но термин достаточно устоявшийся и известный, не вижу смысла его избегать. Иногда так и перевожу, но термин достаточно устоявшийся и известный, не вижу смысла его избегать.

]]>