Как вставить ссылку в кнопку

@Rewac324 · Регистрация: 24.12.2019

Студворк — интернет-сервис помощи студентам

<button class="wocb-button" type="submit" data-test-id="button">Далее </button>

Вот код кнопки - нужно чтобы визуально она не менялась - а при нажатии открывалась новая ссылка в этом же окне

@Alex Web · 24.12.2019, 20:07

HTML5
1
<button class="wocb-button" type="submit" data-test-id="button"> <a href="#"> Далее</a> </button>

CSS
1
2
3
4
.wocb-button a {
        text-decoration: none;
        color:black;
    }

@Rewac324 · 24.12.2019, 20:24 **[ТС]**

Спасибо

Добавлено через 1 минуту
а как сделать чтобы перезод был по нажатию всей кнопки, а не текста?
и можно ли убрать подчеркивание?

@treuh · 24.12.2019, 21:02

Rewac324, убрать подчёркивание: "text-decoration: none".
А для <a> можно задать:
display: block;width: 100%; height: 100%

А вообще так не делается. Не плохо было бы убрать <button>. А тег ссылки можно стилизировать под кнопку

@Alex Web · 24.12.2019, 21:18

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
     a {
        text-decoration: none;
        color:black;
    }
 
    .wocb-button {
        cursor: pointer;
    }
    </style>
</head>
<body>
    <a href="#"><button class="wocb-button" type="submit" data-test-id="button"> Далее </button></a>
</body>
</html>

Сообщение от treuh

А вообще так не делается. Не плохо было бы убрать <button>. А тег ссылки можно стилизировать под кнопку

Сообщение от Rewac324

и можно ли убрать подчеркивание?

оно уже убрано

CSS
1
text-decoration: none;

@Rewac324 · 24.12.2019, 22:35 **[ТС]**

Сообщение от Alex Web

HTML5
1
<button class="wocb-button" type="submit" data-test-id="button"> <a href="#"> Далее</a> </button>

CSS
1
2
3
4
.wocb-button a {
        text-decoration: none;
        color:black;
    }

первое это чтобы кнопка работала? а не текст?

@Alex Web · 24.12.2019, 22:43

Сообщение от Rewac324

первое это чтобы кнопка работала? а не текст?

первое что?

Новые блоги и статьи Все статьи Все блоги /
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .

@Rewac324 0 / 0 / 0 Регистрация: 24.12.2019 Сообщений: 3

	Как вставить ссылку в кнопку 24.12.2019, 19:44. Показов 7143. Ответов 6 Метки нет (Все метки) <button class="wocb-button" type="submit" data-test-id="button">Далее </button> Вот код кнопки - нужно чтобы визуально она не менялась - а при нажатии открывалась новая ссылка в этом же окне 0

@Rewac324 0 / 0 / 0 Регистрация: 24.12.2019 Сообщений: 3
	24.12.2019, 20:24 [ТС]
	Спасибо Добавлено через 1 минуту а как сделать чтобы перезод был по нажатию всей кнопки, а не текста? и можно ли убрать подчеркивание? 0

@treuh 1 / 0 / 1 Регистрация: 05.02.2019 Сообщений: 56
	24.12.2019, 21:02
	Rewac324, убрать подчёркивание: "text-decoration: none". А для <a> можно задать: display: block;width: 100%; height: 100% А вообще так не делается. Не плохо было бы убрать <button>. А тег ссылки можно стилизировать под кнопку 0

Как вставить ссылку в кнопку

Решение