СКРИПТЫ
ТЕГИ:
php (282)
js (149)
html (131)
css (100)
html tags (57)
edit text (39)
jquery (39)
php array (30)
form html (29)
fonts (22)
foto (21)
atom (20)
ruweb.net (20)
forum (19)
hosting (19)
board (17)
svg (17)
Показать еще :
js method (16)
html book (16)
php file (15)
link (15)
osclass (13)
htaccess (13)
color (13)
table (13)
path (12)
online (12)
php date (12)
js delete (11)
input (11)
download (11)
jsphp (11)
icon (11)
notepad (11)
yandex (10)
mouse (10)
url (10)
php img (10)
form (10)
info (9)
task (7)
comment (7)
ftp (7)
cookie (7)
php url (7)
img (7)
dosite (6)
js url (6)
hover (6)
click (6)
iframe (5)
mb (5)
chart (5)
reg.ru (5)
adminka (5)
search (5)
value (5)
php get (5)
js time (4)
select (4)
bbcode (4)
vk (4)
submit (4)
symbols (4)
browser (4)
js form (4)
js copy (4)
js id (4)
console (3)
js post (3)
scandir (3)
ucoz (3)
https (3)
ssl (3)
captcha (3)
vs code (3)
qr kod (2)
sitemap (2)
details (2)
cursor (2)
tag hr (2)
video (2)
height (2)
title (2)
js vars (2)
counter (2)
youtube (2)
seo (2)
domen (1)
archive (1)
numbers (1)
speed (1)
smile (1)
padding (1)
books (1)
google (1)
header (1)
windows (1)
money (1)

Как сделать input ссылкой?

"input ссылка" - Как сделать input ссылкой? Возьмем определенный инпут и сделаем из него ссылку + живой пример!

Подробно - "Как сделать input ссылкой"

  1. Пример превращения input в ссылку

  1. Пример превращения input в ссылку

    Смотри еще больше о ссылках на других элементах

    Итак... для превращения input-а в ссылку нам понадобится input:

    <input name="text" type="text" value="input в ссылку">

    Выведем данный инпут прямо здесь:

    Добавим инпуту класс class="link" + hover

    <style>
    input[type="text"].link:hover {
    border-bottom: 1px solid #ff000000;
    cursor: pointer; padding-bottom: 2px;
    }
    input[type="text"].link {
    border: unset;
    background: unset;
    border-bottom: 1px solid #969696;
    outline: unset;
    padding: unset;
    margin: unset;
    text-align: center;
    padding-bottom: 2px;
    }
    </style

    Смотрим результат - как видим input(type="text") в ссылку превращается тяжело... поскольку ширина его будет по умолчанию... определенной постоянной ширины, если вы не задали эту ширину через css.

    А растягиваться по содержимому с помощью css невозможно, поэтому нам понадобится {javascript}:

    <input class="link" type="text" size="10" maxlength="50" onkeydown="size=value.length||10" onkeyup="onkeydown()" onkeypress="onkeydown()" onchange="onkeydown()" value="input в ссылку">

    Это максимум, что мы можем сделать с input(type="text") :

    Пример инпута ссылкой:

    Для создания из инпута(type="text") ссылки лучше подходит другой тип инпута.

    Рекомендую ознакомится...

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
инпут ссылка
input ссылка
input type ссылкой
input ссылка html

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...

Последние комментарии :
Марат :
17.10.2021 39:28
Давно не делал и страницу и видео в один день... чет, как-то выжитый как…
подробнее.
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
ruweb
Страница загружена за : 0.023073 секунд. Подробнее