Можно ли в input text placeholder вставить ссылку?

Question

[Николай Михеев]

По замыслу заказчика плейсхолдер должен выглядеть так:
placeholder="какой-то текст site.ru" где site.ru - это ссылка
Реально ли такое сделать? Погуглил, но там ничего нет по теме.

Comments

[gassmonkey]

Сделать реально, и ниже вам уже сказали как. Но это адское извращение, и практического смысла в этом нет. Я бы попытался обсудить с заказчиком целесообразность этого решения.

Answer 1

[Sergiu Mitu]

Именно в placeholder наверное нет, можно просто имитировать поведение placeholder-а обычным елементом, скажем

<span>какой-то текст <a href="http://site.ru" target="_blank">site.ru</a></span>

и с помощью JS уже имитировать поведение placeholder-а при нажатии на span скрыть span, при нажатии на ссылку переход по ссылке. (и не забыть про stopPropagation)

Comments

[Николай Михеев]

То есть задать спану position: absolute поверх инпута, типа того?

[Sergiu Mitu]

nikstorme: да

[Николай Михеев]

Сделал, как сказали, но у меня событие срабатывает не когда начинаешь вводить(т.е. когда placeholder пропадает), а только если введено что-то и инпут теряет фокус. Вот обработчик: $(document).ready(function(){
$('.mail').change(function(){
alert(1);
});
});

[Sergiu Mitu]

nikstorme: не понял, причем тут change? вам нужен on click на span...

[Николай Михеев]

onclick то мне зачем? у меня ссылка, которая жестко помещена поверх инпута, чтобы казалось, что она часть плейсхолдера. И эта ссылка должна пропадать одновременно с плейсхолдером, когда пользователь начинает вводить что-то в поле. Понимаете? Может я на хостинге выложу для наглядности?

[dm]

nikstorme: Как в такое поле вообще что-то ввести? будет же переход по ссылке

[Николай Михеев]

dm: Специально для тебя выложил в сеть: nalog.hol.es попробуй введи.

[Николай Михеев]

Бляя, все, разобрался. Нафиг change, надо обрабатывать keypress().

Answer 2

[trushka]

Можно на onclick обработчик какой-то повесить, но чтоб срабатывал только если инпут пустой и если он уже в фокусе. Но вообще такое поведение может очень раздражать посетителя - ведь привычное поведение, кликнуть в любом месте инпута, чтоб начать ввод.. Можно, даже не желая того, попасть по ссылке, и вместо ввода куда-то перейти.. полсетители будут, конечно, от этого в восторге))