Как дать кнопке значение c
Перейти к содержимому

Как дать кнопке значение c

  • автор:

Передача данных с button в форму

Приветствую, всех! Столкнулся с такой задачей: На странице есть 3 кнопки По клику на которые, появляется одно и тоже всплывающее окно с формой. Форма в свою очередь (после заполнения информации и нажатия на кнопку «Отправить») передает данные методом post в php файл. Как передать, значение каждой из 3 кнопок button в форму, с последующей передачи значения в php файл? Это нужно для того, чтобы понимать по какой кнопке нажал пользователь и заявку. Заранее всем спасибо!

На сайте с 25.11.2006
12 августа 2020, 09:49
у button есть value http://htmlbook.ru/html/button

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Размещение статей СНГ и Бурж: https://getmanylinks.ru/

На сайте с 01.07.2018
15 августа 2020, 09:08
Дайте имена кнопкам

button type="button" name="btn1">Заказать button>

button type="button" name="btn2">Заказать button>

button type="button" name="btn3">Заказать button>

Далее смотрите в массиве серверном:

// это сработает, если пришли данные по нажатию кнопки btn2

if(isset($_POST['btn2']))
// это выполнится если пришли данные по нажатию на кнопку btn2

>

На сайте с 22.02.2008
17 августа 2020, 11:27

webmasterandrew :
На странице есть 3 кнопки По клику на которые, появляется одно и тоже всплывающее окно с формой. Форма в свою очередь (после заполнения информации и нажатия на кнопку «Отправить») передает данные методом post в php файл.

1. Добавить в форму скрытое поле clickByButton
2. Добавить значение value для каждой из кнопок
3. Добавить обработчик клика по кнопкам, что-то типа:

.addEventListener('click', (e) => document.getElementsByName('clickByButton').value = e.target.value;
>);

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

В этом примере при щелчке по кнопке открывается веб-страница new.html в новой вкладке.

Одну форму нельзя вкладывать внутрь другой. Перед добавлением кнопки убедитесь что у вас только одна форма.

Использование CSS

Раз кнопку нельзя сделать ссылкой, то вообще отказываемся от и стилизуем ссылку, чтобы она стала похожа на кнопку. В примере 2 показан класс btn , при добавлении его к элементу ссылка меняет своё оформление.

Пример 2. Стилизация ссылки

Результат данного примера показан на рис. 1.

Стилизация ссылки

Рис. 1. Стилизация ссылки

Использование JavaScript

Для перехода к указанной веб-странице можно воспользоваться событием onclick, добавляя его к элементу . Внутри onclick пишем document.location , а в качестве значения адрес желаемой веб-страницы (пример 3). Обратите внимание на комбинацию кавычек, адрес веб-страницы берётся в одинарные кавычки.

Пример 3. Событие onclick

См. также

  • Атрибуты
  • Кнопки
  • Кнопки
  • Кнопки в Bootstrap 4
  • Кнопки в Bootstrap 5
  • Отправка данных формы
  • Отправка данных формы
  • Построение форм
  • Событие onclick
  • Создание кнопок
  • Создание форм
  • Сумасшедшие формы
  • Формы
  • Формы в Bootstrap 4
  • Формы в Bootstrap 5
  • Формы в HTML

Как дать кнопке значение c

В WPF кнопки представлены целым рядом классов, которые наследуются от базового класса ButtonBase:

Кнопки Button в WPF

Button

Элемент Button представляет обычную кнопку:

От класса ButtonBase кнопка наследует ряд событий, например, Click, которые позволяют обрабатывать пользовательский ввод.

Чтобы связать кнопку с обработчиком события нажатия, нам надо определить в самой кнопке атрибут Click . А значением этого атрибута будет название обработчика в коде C#. А затем в самом коде C# определить этот обработчик.

Например, код xaml:

И обработчик в коде C#:

private void Button_Click(object sender, RoutedEventArgs e)

Либо можно не задавать обработчик через атрибут, а стандартным образом для C# прописать в коде: button1.Click+=Button_Click;

Кнопка имеет такие свойства как IsDefault и IsCancel , которые принимают значения true и false.

Если свойство IsDefault установлено в true, то при нажатии клавиши Enter будет вызываться обработчик нажатия этой кнопки.

Аналогично если свойство IsCancel будет установлено в true, то при нажатии на клавишу Esc будет вызываться обработчик нажатия этой кнопки.

Например, определим код xaml:

А в коде MainWindow.xaml.cs определим следующий код C#:

using System.Windows; namespace ControlsApp < public partial class MainWindow : Window < public MainWindow() < InitializeComponent(); >private void acceptButton_Click(object sender, RoutedEventArgs e) < MessageBox.Show("Действие выполнено"); >private void escButton_Click(object sender, RoutedEventArgs e) < this.Close(); // закрытие окна >> >

Теперь при нажатии на клавишу Enter будет отображаться сообщение, а при нажатии на Esc будет происходить выход из приложения и закрытие окна.

RepeatButton

Отличительная особенность элемента RepeatButton — непрерывная генерация события Click , пока нажата кнопка. Интервал генерации события корректируется свойствами Delay и Interval .

Сам по себе элемент RepeatButton редко используется, однако он может служить основой для создания ползунка в элементах ScrollBar и ScrollViewer, в которых нажатие на ползунок инициирует постоянную прокрутку.

ToggleButton

Представляет элементарный переключатель. Может находиться в трех состояниях — true, false и «нулевом» (неотмеченном) состоянии, а его значение представляет значение типа bool? в языке C#. Состояние можно установить или получить с помощью свойства IsChecked . Также добавляет три события — Checked (переход в отмеченное состояние), Unchecked (снятие отметки) и Intermediate (если значение равно null). Чтобы отрабатывать все три события, надо установить свойство IsThreeState=»True»

ToggleButton, как правило, сам по себе тоже редко используется, однако при этом он служит основой для создания других более функциональных элементов, таких как checkbox и radiobutton.

Передать значение с button в input. Javascript

Есть кнопка вызывающая модальное окно. В окне есть форма в которой спрятан input. Задача: отправить значения атрибута value с кнопки вызова модального окна в спрятанный input. У меня почему-то возвращает value=’undefined’. Помогите разобраться, пожалуйста. Заранее спасибо.

let modal = document.getElementById('modalForm'); let openModalBtn = document.getElementsByClassName('openModalBtn'); let setAttrInput = document.querySelector('input[type=hidden]'); let close = document.getElementsByClassName('closeModal')[0]; for (let i = 0; i < openModalBtn.length; i++) < openModalBtn[i].addEventListener('click', function() < openModalWindow(); >) > close.addEventListener('click', function() < closeModalWindow(); >); function openModalWindow() < modal.style.display = "block"; if (openModalBtn.value === '') < setAttrInput.setAttribute('value',''); >setAttrInput.value = openModalBtn.value; console.log(setAttrInput); > function closeModalWindow()
  

Text

×

text

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *