В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-05-2024! ×
Меню :
input (21)
link (26)



Blog (1423)
php (330)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
ruweb.net (36)
js date (33)
php array (33)
form html (30)
online (29)
fonts (26)
Показать еще :
foto (22)
atom (20)
php file (20)
forum (19)
svg (18)
input (18)
hosting (17)
php date (17)
database (17)
board (16)
html book (16)
php time (16)
info (16)
mysql (15)
color (15)
js time (14)
js url (14)
img (14)
js events (14)
select (13)
osclass (13)
знак (13)
htaccess (13)
notepad (13)
dw block (12)
php path (12)
table (12)
download (12)
php img (12)
keyboard (12)
jsphp (11)
icon (11)
form (11)
js delete (10)
keyframes (10)
mouse (10)
yandex (10)
vs code (9)
dosite (9)
hover (9)
chart (9)
browser (8)
php post (7)
comment (7)
php url (7)
list (6)
click (6)
adminka (6)
iframe (6)
canvas (6)
php get (6)
mb (5)
reg.ru (5)
year (5)
js id (5)
tag a (5)
heading (5)
js math (5)
value (5)
ftp (5)
bbcode (4)
php var (4)
base64 (4)
games (4)
xml (4)
day (4)
week (4)
scandir (4)
ssl (4)
task (4)
vk (4)
symbols (4)
month (4)
pages (4)
console (4)
js form (4)
нок (4)
submit (4)
line (3)
https (3)
jquery post (3)
js post (3)
domen (3)
money (3)
numbers (3)
ucoz (3)
captcha (3)
куб (3)
js hash (3)
padding (3)
js img (3)
sitemap (2)
tag hr (2)
height (2)
typeof (2)
arrows (2)
рся (2)
google (2)
qr code (2)
seo (2)
youtube (2)
video (2)
js vars (2)
prompt (2)
counter (2)
details (2)
jino (1)
archive (1)
windows (1)
cursor (1)
speed (1)
нод (1)
rutube (1)
smile (1)
scroll (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") ссылки лучше подходит другой тип инпута.

    Рекомендую ознакомится...
Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Теги:
инпут ссылка input ссылка input type ссылкой input ссылка html
Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.019187 секунд. Подробнее