СКРИПТЫ
ТЕГИ:
php (319)
js (238)
html (145)
css (125)
html tags (62)
js tag (56)
jquery (41)
text (36)
js method (35)
js date (32)
php array (31)
form html (30)
fonts (27)
link (26)
Показать еще :
online (25)
ruweb.net (24)
foto (22)
php file (21)
atom (20)
forum (19)
hosting (18)
svg (18)
php date (17)
board (16)
html book (16)
input (16)
php time (16)
color (15)
js events (14)
js url (14)
notepad (13)
osclass (13)
htaccess (13)
img (13)
js time (13)
php img (12)
select (12)
знак (12)
table (12)
dw block (12)
info (12)
php path (12)
download (11)
keyboard (11)
jsphp (11)
form (11)
icon (11)
mouse (10)
yandex (10)
js delete (10)
hover (9)
dosite (8)
comment (7)
cookie (7)
php url (7)
year (6)
mysql (6)
iframe (6)
browser (6)
list (6)
click (6)
php get (6)
adminka (5)
tag a (5)
js math (5)
chart (5)
heading (5)
reg.ru (5)
mb (5)
search (5)
ftp (5)
js id (5)
value (5)
base64 (4)
week (4)
day (4)
ssl (4)
bbcode (4)
нок (4)
vk (4)
js form (4)
submit (4)
php var (4)
month (4)
pages (4)
symbols (4)
task (4)
console (4)
куб (3)
captcha (3)
domen (3)
js post (3)
line (3)
ucoz (3)
numbers (3)
padding (3)
js img (3)
https (3)
js hash (3)
vs code (3)
scandir (3)
рся (2)
seo (2)
prompt (2)
counter (2)
height (2)
google (2)
details (2)
js vars (2)
video (2)
sitemap (2)
tag hr (2)
youtube (2)
arrows (2)
typeof (2)
money (2)
qr kod (2)
нод (1)
rutube (1)
jino (1)
cursor (1)
header (1)
speed (1)
windows (1)
archive (1)
smile (1)
scroll (1)

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

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

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

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

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

  1. Ссылка submit и исполнение post

    В самом начале страницы - давайте разберемся!

    Если вам нужна кнопка submit в виде ссылки, без исполнения "post", то смысла в создании submit + форма вообще не вижу - воспользуйтесь простой ссылкой.

    Если вам нужно, чтобы "post" исполнялся и "submit" в виде ссылки - это можно понять... и далее перйдем именно к этому:

    Ссылка submit и исполнение post

    Данный пункт написан последним, поэтому весь код возьму из последнего пункта.

    Но для перехода на другую страницу нам потребуется дополнительная страница(в моем случае это простая html страница)

    Добавим action в него помещаем адрес страницы, на которую перейдем:

    https://dwweb.ru/__a-data/__all_for_scripts/no_etv/php/submit_like_link.php

    На странице action-а помещаем простой код php, смотри ниже в коде - "Страница №2 php"

    Код submit как ссылка и исполнение post

    Далее у нас должно быть две страницы :

    На первой странице форма со стилями и action на вторую страницу , и submit как ссылка...

    На второй странице код php...

    Css: Первая страница:

    <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" action="https://dwweb.ru/__a-data/__all_for_scripts/no_etv/php/submit_like_link.php">

      <input type="submit" name="name3" class="submit-link" value="Ссылка submit и исполнение post">

    </form>

    Php Страница №2 php(action в форме): https://dwweb.ru/__a-data/__all_for_scripts/no_etv/php/submit_like_link.php

    <?

    if($_POST[name3]) echo 'Вы перешли по ссылке "submit" и отправили "post"<br>' . strip_tags($_POST[name3]);

    else echo 'Ещё ничего не отправлено';

    ?>

    Пример работы кода submit как ссылка и исполнение post

    Чтобы submit в виде ссылки сработал, нажмите по кнопке Ссылка submit и исполнение post


  2. 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



  3. Кнопка 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
Подписаться + =

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

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
Последние комментарии :
Марат :
18.11.2022 17:21
Как же я вами завидую! Сколько у вас свободного…
подробнее.
>" :
18.11.2022 17:18
Читать тяжело. Я еще фильтрацию тегов потыкаю, если вы не…
подробнее.
Марат :
18.11.2022 17:17
А как восклицательные знаки? С ними всё нормально??? Или нет??? Вы к ним как…
подробнее.
Марат :
18.11.2022 17:15
В мире много разных отклонений... по статистике примерно 10% человек в странах имеют такие.... Была у меня…
подробнее.
qwe"> :
18.11.2022 17:00
Читать тяжело. Я еще фильтрацию тегов потыкаю, если вы не…
подробнее.
Марат :
20.10.2022 10:10
Очень рад за Вас!
подробнее.
ruweb
Страница загружена за : 0.022036 секунд. Подробнее