СКРИПТЫ
ТЕГИ:
php (285)
js (155)
html (136)
css (110)
html tags (61)
jquery (40)
edit text (37)
php array (30)
form html (29)
fonts (27)
ruweb.net (23)
foto (22)
online (20)
atom (20)
forum (19)
svg (18)
Показать еще :
hosting (17)
board (17)
js method (16)
html book (16)
php file (16)
input (15)
color (15)
link (15)
php date (15)
js events (14)
osclass (13)
table (13)
htaccess (13)
select (12)
dw block (12)
path (12)
download (11)
notepad (11)
jsphp (11)
icon (11)
form (11)
js delete (11)
php time (11)
php img (11)
img (10)
url (10)
mouse (10)
js time (9)
info (9)
yandex (9)
php url (7)
task (7)
hover (7)
cookie (7)
comment (7)
dosite (7)
js url (6)
click (6)
iframe (6)
list (6)
mysql (6)
year (6)
php get (5)
search (5)
browser (5)
value (5)
ftp (5)
mb (5)
adminka (5)
chart (5)
console (4)
submit (4)
week (4)
reg.ru (4)
bbcode (4)
symbols (4)
js form (4)
vk (4)
mounth (4)
js id (4)
padding (3)
line (3)
day (3)
js img (3)
scandir (3)
js post (3)
pages (3)
captcha (3)
https (3)
vs code (3)
ucoz (3)
ssl (3)
title (2)
typeof (2)
second (2)
cursor (2)
youtube (2)
tag hr (2)
base64 (2)
sitemap (2)
details (2)
video (2)
height (2)
counter (2)
qr kod (2)
money (2)
js vars (2)
рся (2)
seo (2)
arrows (2)
smile (1)
books (1)
domen (1)
archive (1)
speed (1)
google (1)
windows (1)
scroll (1)
header (1)
numbers (1)
days (1)

Как сделать кнопку отправить ссылкой?

"submit ссылка" или Как сделать "кнопку отправить" ссылкой?.
Если выведем кнопку submit, то она не будет выглядеть как ссылка!

Сколько вариантов существует превращение сабмита в ссылку?

Превращаем type submit в ссылку.

  1. submit и есть ссылка
  2. Кнопка submit как ссылка

  1. submit и есть ссылка

    Один из примеров... я рассказывал в теме submit за пределами формы и там как раз была ссылка ...

    Но некоторая проблема данного варианта, что javascript может быть отключен...

    Поскольку я периодически и таким способом пользуюсь, то этот вариант пусть будет здесь...!

    Итак:

    Для того, чтобы сделать нам нужна форма...:

    <form id="form-id" method="post">
    <input value="name" name="name">
    </form>

    Далее создадим ссылку на которую навесим submit()

    <a onclick="document.getElementById('form-id').submit();" style="cursor:pointer"> Ссылка вместо submit</a>

    Пример ссылка вместо кнопки submit

    Для того, чтобы проверить... как работает ссылка вместо submit

    =========================

    Ссылка вместо submit



  2. Кнопка submit как ссылка.

    И второй вариант - сделаем кнопку отправить ссылкой:

    Для этого нам опять понадобится тег form с input с типом submit

    <form method="post">
    <input type="submit" name="name2" class="submit-link" value="ссылка вместо кнопки отправить">
    </form>

    Далее... превратим "submit" в ссылку. Для этого напишем немного стилей...
    1). Удалим border + background
    2). Добавим нашему "submit-link" border-снизу + padding - снизу + cursor

    input.submit-link {
    border: none;
    background: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    cursor: pointer;
    }

    Что нам еще нужно добавить к нашему "submit-link"? Правильно! hover :

    input.submit-link:hover {
    border-bottom: 1px solid #ff000000;
    padding-bottom: 2px;
    }

    Пример: ссылка вместо кнопки отправить

    Чтобы проверить... как работает "ссылка вместо кнопки отправить" - нажмите по ссылке ниже:


    Соберем весь код "submit-link" в одном месте:

    <style>

    input.submit-link:hover {

    border-bottom: 1px solid #ff000000;

    padding-bottom: 2px;

    }

    input.submit-link {

    border: none;

    background: none;

    border-bottom: 1px solid;

    padding-bottom: 2px;

    cursor: pointer;

    }

    </style>

    <form method="post">

    <input type="submit" name="name2" class="submit-link">

    </form>

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
submit ссылкой
html submit ссылка
сабмит ссылкой
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
28.04.2022 19:20
У меня на сайте - все скрипты рабочие! Приходите…
подробнее.
Игорь :
05.04.2022 03:52
Спасибо Большое Вам за счетчик скачиваний файлов! Вы единственный, кто выложил действительно рабочий код!…
подробнее.
Марат :
03.04.2022 11:16
Вы обратились не по адресу... Предположим... что у вас есть паравоз...на дровах... И вы обращаетесь в автосервис, …
подробнее.
Good_Serpent :
03.04.2022 08:18
Шара - "расшаренная", доступная для пользователей локальной сети папка. Там происходит обмен информацией,…
подробнее.
Марат :
02.04.2022 20:29
Я даже не знаю, что таоке "шара"... Думаю, что вам нужно искать на специализированном сайте посвященной…
подробнее.
Good_Serpent :
02.04.2022 19:54
Здравствуйте! Нужен скрипт, который бы закрывал файл на шаре, если он там открыт. Не удаётся его удалить для…
подробнее.
ruweb
Страница загружена за : 0.035338 секунд. Подробнее