2009-06-08

Автозаполнение в формах

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

Однако бывают случаи когда автозаполнение не нужно и даже вредно, например при заполнении формы с номерами кредитных карт, или же ести вы хотите сделать свою версию подсказок при наборе текста в форме - в этом случае стандартное автозаполнение должно быть отключено.

Отключить автозаполение можно добавив атрибут autocomplete="off" причем поставить его можно как к тегу FORM так и к тегу INPUT.

Все замечательно, однако атрибут autocomplete нестандартный и если вы любите создавать валидный код то такой вариант вам не подойдет.

Нельзя ли отключить автозаполнение посредством JavaScript? Замечено, что простым присваиванием значения autocomplete="off" к объекту DOM автозаполнение не убирается поэтому многие разработчики продолжают пользоваться введением атрибута в разметку — лучше поломать валидность чем секьюрность.

Однако на днях нашел элегантнейшее решение позволяющее оставить код валидным и отключить автозаполнение:

[domelement].setAttribute('autocomplete','off');

Свойства элементам DOM можно присваивать не только напрямую но и посредством метода setAttribute и это более рекомендумемый способ. Указанный метод работает в FF и IE в других пока не тестировал.

 

Коментариев: 4

 
  2009-06-01

Выравнивание таблицы по центру

Время от времени на HTML страничках наблюдаю такую конструкцию:

<center>
<table>
...
</table>
</center>

Так делать неправильно - тег center устаревший и не рекомендуется с употреблению:

The CENTER element is exactly equivalent to specifying the DIV element with the align attribute set to "center". The CENTER element is deprecated [p.38] .

Как тогда выравнять табличку по центру? Да очень просто:

<table style="margin:0 auto">
...
</table>

Указанный код работает во всех основных браузерах.

 

Оставить комментарий

 
  2009-05-20

Переадресация сервера с www на сервер без www

Задача, есть сайт, допустим www.maxistar.ru, хотим чтобы при заходе на www.maxistar.ru пользователь перебрасывался на maxistar.ru автоматически, ну или же наоборот, кому как нравится.

Как любую техническую задачу эту задачу можно решить несколькими способами. Один из вариантов написать функцию на PHP, однако сегодня нашел рецепт с использованием mod_rewrite:

RewriteEngine on

RewriteCond %{http_host} ^www.maixstar.ru [nc]
RewriteRule ^(.*)$ http://maxistar.ru/$1 [r=301,nc]

 

Коментариев: 1

 
  2009-05-06

HTML - спецсимволы

Так на всякий случай, может пригодиться:

Название Символ Числовой код Мнемонический код
Прямая кавычка  “ &#34 &quot
Амперсанд  & &#38 &amp
знак «меньше»  < &#60 &lt
Знак «больше»  > &#62 &gt
Торговая марка &#153  &trade
Неразрывный пробел   &#160 &nbsp
Цент  ў &#162  &cent
Фунт  Ј &#163  &pound
Знак валюты  ¤ &#164  &curren
Йена  Ґ &#165  &yen
Вертикальная строка  ¦ &#166  &brvbar
Знак параграфа  § &#167  &sect
Знак копирайта  © &#169  &copy
Знак отрицания  ¬ &#172  &not
Знак "зарегестрировано" ® &#174 &reg
Знак градуса  ° &#176 &deg
Знак "минус"  −   &minus
Длинное тире &#150;
Знак "плюс минус"  ± &#177  &plusmn
Знак "микро"  µ &#181 &mikro
Знак абзаца  ¶ &#182 &para
Точка-маркер  · &#183  &middot
Степень 1 (номер)  № &#185 &sup1
Левая типографская кавычка  « &#171 &laquo
Правая типографская кавычка  » &#187 &raquo
Знак умножения / кавычки/  * &#215 &times
Знак деления  / &#247 &divide

 

 

Оставить комментарий

 
  2009-04-20

YouTube embed code

Кто нибудь может ответить на вопрос, почему у эмбед кода в ютубе отуствует GUID? Или Flash ActiveX стал настолько дефакто стандартным, что теперь все теги object по умолчанию имеют гид флеша? Странно все это...

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/XcEo5H97CLM&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/XcEo5H97CLM&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
</object>
 

Оставить комментарий

 
  2009-04-18

ztools.org

Проект ztools.org наконец дожил до состояния бета версии. Посетители сайта теперь могут скачивать оттуда выбранные компоненты в виде zip архива.

 

Коментариев: 2

 
  2009-02-16

Метатег для автообновления страницы

<meta http-equiv="Refresh" content="30">
 

Оставить комментарий

 
  2008-11-10

Опрос вебсервера по протоколу HTTP

Каждый раз когда хочется посмотреть что реально возвращает сервер приходится открывать telnet, ручками набирать комманды, что, согласитесь, довольно трудоемко и требует предельной аккуратности, особенно если запросы довольно большие, если же нужно отлаживать POST запросы то задача становиться вообще трудноразрешимой.

Для того чтобы упростить себе жизнь создал такой вот небольшой инструмент для опроса вебсервера. Разумеется с исходником.

 

Коментариев: 1

 
  2008-05-07

Как в Safary под Windows активизировать меню Debug?

Добавить в "C:\Documents and Settings\[username]\Application Data\Apple Computer\Safari\Preferences.plist"

<key>IncludeDebugMenu</key> <true/>

Upd: в новых версиях Safari это можно сделать выбрав чекбокс "Показывать меню разработчика в сторое меню" доступную на вкладку "дополнения" панели настроек.

 

Оставить комментарий