php (289)
js (169)
html (139)
математика (130)
css (120)
калькулятор (79)
html tags (61)
php function (53)
число (48)
дробь (48)
jquery (40)
text (37)
php array (30)
form html (30)
fonts (27)
html attribute (23)
ruweb.net (23)
online (22)
foto (22)
type of input (22)
Показать еще :
php file (21)
atom (20)
sublime text 3 (19)
forum (19)
определение (19)
деление (19)
svg (18)
десятичная дробь (18)
board (17)
hosting (17)
css property (17)
js method (16)
matematika php (16)
html book (16)
php date (16)
php string (15)
color (15)
php folder (15)
js replace (15)
js events (14)
notepad (13)
download fonts (13)
htaccess (13)
osclass (13)
вычитание (13)
select (12)
dw block (12)
path (12)
js delete (12)
table (12)
info (12)
icon (11)
font awesome (11)
img (11)
keyboard (11)
php img (11)
jsphp (11)
download (11)
yandex webmaster (11)
php time (11)
form (11)
mouse (10)
отрицательные (10)
url (10)
признак делимости (10)
смешанная дробь (9)
js time (9)
сложить (9)
database (9)
вычитание дробей (9)
php session (9)
онлайн (9)
css shape (9)
yandex (9)
drop down list (8)
encryption (8)
js array (8)
calculator (8)
different (7)
dosite (7)
cookie (7)
hover (7)
перевод дробей (7)
php operator (7)
jquery attribute (7)
background (7)
queryselector (7)
знак (7)
$ server (7)
comment (7)
php count (7)
php url (7)
php post (7)
степень (7)
task (7)
dreamweaver (7)
selector css (7)
iframe (6)
filezilla (6)
substr php (6)
js url (6)
year (6)
php mistakes (6)
robots txt (6)
alphabet (6)
border property (6)
js class (6)
code editor (6)
list (6)
browser (6)
position element (6)
mysql (6)
click (6)
tags meta (6)
площадь (5)
php get (5)
search (5)
треугольник (5)
registration (5)
display property (5)
types php (5)
умножение (5)
heading (5)
ftp (5)
js slice (5)
value (5)
mb (5)
directadmin (5)
js attribute (5)
js id (5)
php cookie (5)
adminka (5)
placeholder (5)
paragraph (5)
$ global vars (5)
chart (5)
задача (4)
classlist (4)
day (4)
mounth (4)
reg.ru (4)
clock fonts (4)
week (4)
php cycle (4)
text decoration (4)
js form (4)
делить дробь (4)
preg replace (4)
js window (4)
умножить дробь (4)
template (4)
php constants (4)
php register (4)
js string (4)
textarea (4)
submit (4)
position (4)
bbcode (4)
symbols (4)
vk (4)
captcha (4)
console (4)
about me (4)
нок (4)
padding (3)
dwweb ru (3)
pseudo element (3)
js post (3)
js img (3)
php rand (3)
font style (3)
subdomain (3)
vs code (3)
overflow (3)
attribute data (3)
question (3)
php cycle for (3)
php counters (3)
jquery class (3)
php method (3)
password (3)
ucoz (3)
php get element (3)
checkbox (3)
куб (3)
delete tag (3)
base64 (3)
корень (3)
scandir (3)
периметр (3)
selector (3)
auto form (3)
line (3)
ssl (3)
count symbol (3)
pages (3)
https (3)
jquery post (3)
сложить дробь (3)
калькулятор 2 (2)
функция (2)
круг (2)
делить смешанную (2)
набрать дробь (2)
квадрат (2)
file cms (2)
js vars (2)
video (2)
youtube (2)
errordocument (2)
facebook (2)
seo (2)
details (2)
php array sort (2)
js cookie (2)
comments+ (2)
source code (2)
php mail (2)
audio player (2)
title (2)
function time (2)
sitemap (2)
js object (2)
js value (2)
css book (2)
first letter (2)
php round (2)
tag hr (2)
jquery method (2)
cursor (2)
prompt (2)
qr kod (2)
typeof (2)
php form (2)
height (2)
type file (2)
second (2)
js property (2)
title attribute (2)
рся (2)
money (2)
arrows (2)
counter (2)
contenteditable (2)
authorization (2)
books (1)
text align (1)
smile (1)
google (1)
jquery book (1)
прямоугольник (1)
sublime text 4 (1)
windows (1)
computer (1)
archive (1)
domen (1)
yoomoney (1)
sberbank (1)
input html (1)
speed (1)
нод (1)
js folder (1)
header (1)
php info (1)
css indent (1)
xmlhttprequest (1)
scroll (1)
type range (1)
numbers (1)
Как сделать input ссылкой?
Подробно - "Как сделать input ссылкой"
Пример превращения input в ссылку
Смотри еще больше о ссылках на других элементахИтак... для превращения input-а в ссылку нам понадобится input:
<input name="text" type="text" value="input в ссылку">
Выведем данный инпут прямо здесь:
Добавим инпуту класс
<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"].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") ссылки лучше подходит другой тип инпута.
Рекомендую ознакомится...Можете не благодарить, лучше помогите!
