Поместите значок во входном элементе в форме
Посмотрите FLAG_AUTO_CANCEL
Бит, который будет поразрядно распределен в поле флагов, которое должно быть установлено, если уведомление должно быть отменено при щелчке пользователем.
РЕДАКТИРОВАТЬ:
notification.flags |= Notification.FLAG_AUTO_CANCEL;
4 ответа
Сайт, на который вы указали ссылку, использует комбинацию уловок CSS, чтобы осуществить это. Во-первых, он использует фоновое изображение для элемента . Затем, чтобы переместить курсор, он использует padding-left .
Другими словами, у них есть эти два правила CSS:
background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
padding-left:30px;
Просто используйте свойство background в вашем CSS.
<input id="foo" type="text" />
#foo
{
background: url(/img/foo.png);
}
Вы можете попробовать следующее:
input[type='text'] {
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
}Решения CSS, опубликованные другими, - лучший способ добиться этого.
Если это должно вызвать у вас какие-либо проблемы (прочтите IE6), вы также можете использовать ввод без полей внутри div .
<div style="border: 1px solid #DDD;">
<img src="icon.png"/>
<input style="border: none;"/>
</div>
Не такой "чистый", но должен работать в старых браузерах.