Как поместить ссылку в input?

Question

[scaardss]

Здравствуйте, подскажите, есть ли способ добавить в инпут ссылку? (нужно чтобы в инпуте была ссылка "Забыли пароль", которая будет вести на соответствующую страницу.)

Comments

[Rustam Bainazarov]

Стилизовать ссылку под input разве нельзя? Покажите дизайн. Пока что вопрос не решаем, потому что явно неверен. Точнее, он бессмысленный.

Ссылка — есть ссылка. Можно сделать переход по нажатию любого элемента, как через стилизациию тега a, так и с помощью JS. Но ссылка в input — это бессмысленно даже на теоретическом уровне.

Answer 1

[When you dont want to litter on stackoverflow]

Что за бред. Просто в форме добавь ссылку.

<form>
<input type='text'/>
<input type='password'/>
<a href='#'>Забыл пароль</a>
<button type='submit'/>
</form

Если нужно чтобы оно отображалось на input то сделать это можно с помощью позиционирования.

Comments

[scaardss]

Дизайнер имеет свое представление о том, как должна выглядеть форма)

[Alex]

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

[When you dont want to litter on stackoverflow]

scaardss, Ты просто не обьяснил что именно ты хочешь. Ссылка в input - это бред. Но сделать ссылку из помощью позиционирования поставить её на input это уже обычная ситуация. Я уже понял что ты только начал учить front-end и поэтому строго судить не буду. Желаю тебе удачи в изучении!

[When you dont want to litter on stackoverflow]

Alex, Согласен. Трудно ответить на не правильно поставленный вопрос.

[When you dont want to litter on stackoverflow]

Alex, Можешь отметить мой ответ как правильный, а то автор не скоро это сделает ( точнее никогда )?

[scaardss]

Andriy Kosmenyuk, не увидел, что Вы написали про позиционирование под кодом, я так изначально и сделал, но думал, вдруг есть способ, о котором я не знаю. Спасибо за ответ.

[John Didact]

Я, конечно же, дурак и всё такое, но зачем позиционирование? Зачем ссылка на поле ввода? Если хочется внешне её залопатить под кнопку, ну или даже под поле ввода, то средствами CSS ведь можно сделать. Или я ещё тупее, чем выгляжу?

[When you dont want to litter on stackoverflow]

John Didact, Во первых ты не дурак, а просто - начинающий, всё приходить с опытом. Также я был бы рад, если вы кинули свой дезайн ( часть от макета сайта, просто создай рестовое изображение где видно форму ). Мне будет легче ответить на ваш вопрос. Возможно правда есть другие способы реализации вашей проблемы. Жду вашего ответа.

[When you dont want to litter on stackoverflow]

scaardss, А так то - удачи в изучении!

Answer 2

[WapSter]

Относительно позиционируй ее

Answer 3

[Alex Khayev]

наверное так, если вы это имеете в виду: https://jsfiddle.net/9qh0mr7g/

Answer 4

[Karpion]

Для формы входа я бы сделал:

1. поле для ввода логина;
   
2. поле для ввода пароля;
   
3. кнопку "войти";
   
4. кнопку "зарегистрироваться";
   
5. кнопку "забыл пароль".
   

При этом уже введённые данные используются в дальнейшем диалоге. А отсутствующие/не-введённые, нужные для продолжения - запрашиваются.

Наверно, в вариантах "зарегистрироваться" и "забыл пароль" лучше всего не переходить на новую страницу, а добавлять на экран (делать видимыми) дополнительные поля, в зависимости от того, что надо сделать.

Answer 5

[KamKamMaK]

Типо такого можно

<form>
<input type='text'/>
<input type='password'/>
<a href='#'>Забыл пароль</a>
</form>

form {
  position:relative;
}
a {
  position:absolute;
  bottom:30px;
}