Html параметры submit: HTML/Кнопка отправки (Элемент input)

Содержание

html — Как добавить дополнительные параметры при отправке формы методом GET?

Задать вопрос

Вопрос задан 5 лет 9 месяцев назад

Изменён 5 лет 9 месяцев назад

Просмотрен 4k раза

<form action="?route=category/create" method="GET">
    <input type="text" value="" name="cname" size="60" placeholder="Название категории" maxlength="255">
    <input type="text" value="" name="sub_cname" size="60" placeholder="Выбирете подкатегорию" maxlength="255">
    <input type="submit" value="Создать">
</form>

Изначальный адрес странички для создания категории такой: .../index.php?route=category/add

после заполнения полей input и нажатии на кнопку submit в адресной строке адресс такой:

. ../index.php?cname=test&sub_cname= <— получается, что я передаю параметры в index.php а мне нужно передать в index.php?router=category/

нужно/хочу что бы адрес был такой test.my/admin/index.php?route=category/create&cname=test&sub_cname=

То есть после нажатии на кнопку формы, ?route=category/create удаляется из адресной строки

объясните, как это реализовать

Архив распакуйте в корень сайта. Адресс будет такой yousitename.ru/admin/index.php?route=category/add

На всякий случай прикрепляю архив с кодом

html
url
get

Добавьте скрытое поле с установленным значением:

<form method="get">
    <input type="hidden" name="route" value="category/create">
    <input type="text" value="" name="cname" size="60" placeholder="Название категории" maxlength="255">
    <input type="text" value="" name="sub_cname" size="60" placeholder="Выбирете подкатегорию" maxlength="255">
    <input type="submit" value="Создать">
</form>

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Тег input

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯

Пример

HTML-форма с тремя полями ввода; два текстовых поля и одна кнопка Submit:

<form action=»/action_page.php»>
First name: <input type=»text» name=»fname»><br>
Last name: <input type=»text» name=»lname»><br>
<input type=»submit» value=»Submit»>
</form>

Определение и использование

Тег <input> определяет поле ввода, в которое пользователь может вводить данные.

<input> элементы используются в элементе <input> для объявления элементов управления вводом, которые позволяют пользователям вводить данные.

Поле ввода может меняться различными способами в зависимости от атрибута Type.

Поддержка браузера

Элемент
<input>	Да	Да	Да	Да	Да

Советы и примечания

Примечание: Элемент <input> пуст, он содержит только атрибуты.

Совет: Используйте <label> для определения меток для <input> элементов.

Различия между HTML 4,01 и HTML5

Атрибут «align» является навестить поддерживается в HTML5.

В HTML5 тег <input> имеет несколько новых атрибутов, а атрибут Type имеет несколько новых значений.

Различия между HTML и XHTML

В HTML тег <input> не имеет конечного тега.

В XHTML тег <input> должен быть правильно закрыт, как это <input />.

Атрибуты

= Новое в HTML5.

Атрибут	Значение	Описание
accept	file_extension audio/* video/* image/* media_type	Указывает типы файлов, которые принимает сервер (только для type=»file»)
align	left right top middle bottom	Не поддерживается в HTML5. Задает выравнивание входного изображения (только для type=»image»)
alt	text	Задает альтернативный текст для изображений (только для type=»image»)
autocomplete	on off	Указывает, должен ли элемент <input> включать Автозаполнение
autofocus	autofocus	Указывает, что элемент <input> должен автоматически получать фокус при загрузке страницы
checked	checked	Указывает, что элемент <input> должен быть предварительно выбран при загрузке страницы (для type=»checkbox» or type=»radio»)
dirname	inputname. dir	Указывает, что направление текста будет отправлено
disabled	disabled	Указывает, что элемент <input> должен быть отключен
form	form_id	Указывает одну или несколько форм, к которым принадлежит элемент <input>
formaction	URL	Задает URL-адрес файла, который будет обрабатывать элемент управления вводом при отправке формы (для type=»submit» and type=»image»)
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Указывает, как данные формы должны кодироваться при отправке на сервер (для type=»submit» and type=»image»)
formmethod	get post	Определяет метод HTTP для отправки данных в URL-адрес действия (для type=»submit» and type=»image»)
formnovalidate	formnovalidate	Определяет, что элементы формы не должны проверяться при отправке
formtarget	_blank _self _parent _top framename	Указывает, где отображать ответ, полученный после отправки формы (для type=»submit» and type=»image»)
height	pixels	Задает высоту элемента <input> (только для type=»image»)
list	datalist_id	Ссылается на элемент <datalist>, содержащий предварительно определенные параметры для элемента <input>
max	number date	Задает максимальное значение для элемента <input>
maxlength	number	Указывает максимальное число символов, допустимое в элементе <input>
min	number date	Задает минимальное значение для элемента <input>
multiple	multiple	Указывает, что пользователь может ввести более одного значения в элементе <input>
name	text	Задает имя элемента <input>
pattern	regexp	Задает регулярное выражение, которое проверяется значением <input> элемента
placeholder	text	Задает краткую подсказку, описывающую ожидаемое значение элемента <input>
readonly	readonly	Указывает, что поле ввода предназначено только для чтения
required	required	Указывает, что поле ввода должно быть заполнено перед отправкой формы
size	number	Задает ширину (в символах) элемента <input>
src	URL	Указывает URL-адрес изображения для использования в качестве кнопки отправки (только для type=»image»)
step	number	Задает юридические интервалы номеров для поля ввода
type	button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week	Указывает тип <input> элемент для отображения
value	text	Задает значение элемента <input>
width	pixels	Задает ширину элемента <input> (только для type=»image»)

Глобальные атрибуты

Тег <input> также поддерживает Глобальные атрибуты в HTML.

Event Attributes

Тег <input> также поддерживает Атрибуты событий в HTML.

Параметры CSS по умолчанию

Нет.

❮Назад Полный HTML Ссылки Дальше ❯

html — Как добавить дополнительные параметры в форму, отправив ее методом GET

спросил

11 лет, 7 месяцев назад

Изменено 7 лет назад

Просмотрено 69 тысяч раз

У меня есть эта форма:

 
    
    <входное имя="поиск">

, и я хотел бы добавить параметры в строку запроса после ссылки действия. Итак, результат должен быть:

 http://localhost:8080/website/index.php?explore=search&searchType=all&search=example

не :

 http://localhost:8080/website/index. php?searchType=all&search=example

как лучше всего это сделать? Добавление скрытого параметра, например:

Или я могу каким-то образом соединить параметры со сценарием действия?

Лучше всего добавить их через скрытый параметр, как вы предложили. Это более удобно, чем добавление к значению атрибута действия формы, и будет делать именно то, что вы просите. Просто убедитесь, что вы поместили его в теги формы.

Любой способ будет работать — скрытые элементы ввода или добавление параметров к атрибуту действия элемента формы .

На самом деле нет «предпочтительного» способа — делайте то, что имеет смысл для вас, хотя, если вы хотите добавлять, удалять и изменять параметры, используя скрытые элементы ввода, вам будет проще работать.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

Две кнопки отправки с каждым параметром — JavaScript — Форумы SitePoint

joon1 11 ноября 2015 г., 8:27 1

[код]

[/code] Я могу использовать либо a.php?myText=hello, либо b.php?myText=hello с приведенным выше кодом.

Приведенный ниже код работает некорректно, но он покажет то, что я хочу.

[код]

[/code] желаемый результат

Если я нажму кнопку «a_submit», она перейдет на c.php? a =1&myText=hello или c.php?myText=hello& a =1
Если я нажму кнопку «b_submit», он перейдет на c.php? b =1&myText=hello или c.php?myText=hello& b =1

Как я могу сделать это возможным (две кнопки отправки с каждым параметром в значении GET)?

фелгалл 11 ноября 2015 г. , 8:45 2

Так как вы все равно используете JavaScript (даже если вы смешали его с HTML вместо того, чтобы держать его отдельно), вы можете использовать скрытые поля для второго значения. Просто настройте скрытые поля с именами «a» и «b» и установите для них значения «» для начала, а затем установите тот, который вы хотите передать 1, на значение 1 в JavaScript перед отправкой формы.

джун1 11 ноября 2015 г., 9:16 3

Как я могу установить тот, который я хочу передать 1, на значение 1 в JavaScript перед отправкой формы?

Ниже приведен код, который я сделал после того, как прочитал ваше предложение.

[код]

[/code]Однако между «a_submit» и «b_submit» нет никакой разницы. Оба выдают «c.php?a=1&myText=hello&b=1».

Я хочу
«c. php?a=1&myText=hello» для «a_submit»
и
«c.php?b=1&myText=hello» для «b_submit»

felgall 11 ноября 2015 г., 9:23 4

Я сказал установить для скрытых полей значение = «» и обновить значение одного из них до 1 в JavaScript.

Вы также перепутали JavaScript с HTML, который гораздо сложнее обновлять.

джун1 11 ноября 2015 г., 9:28 5

[код]

[/code]Приведенный выше код является лучшим на данный момент. Я боюсь сказать рев Не могли бы вы показать мне код javascript, который можно легко обновить вместо моего беспорядочного кода?

фелгалл 11 ноября 2015 г. , 9:38 6

Я только что подумал о лучшем способе, чем установка значения — отключить скрытое поле, которое вы не хотите отправлять. Попробуйте это:

 <метод формы="получить" действие="c.php">

<тип ввода = "скрытое" значение = "1" имя = "а">




<скрипт>
document.getElementById('as').onclick = function() {
   document.getElementById('b').disabled= true;;
};
document.getElementById('bs').onclick = функция() {
   document.getElementById('a').disabled = true;
};

Теперь нажмите a_submit, чтобы произвести —
c.php?a=1&myText=hello

Нажмите, чтобы b_submit теперь произвело —
c.php?b=1&myText=hello

В каждом случае отключенное поле скрытой формы не должно быть отправленным.

джун1 11 ноября 2015 г.

html — Как добавить дополнительные параметры при отправке формы методом GET?

Зарегистрируйтесь или войдите

Отправить без регистрации

Отправить без регистрации

Тег input

Пример

Определение и использование

Поддержка браузера

Советы и примечания

Различия между HTML 4,01 и HTML5

Различия между HTML и XHTML

Атрибуты

Глобальные атрибуты

Event Attributes

Похожие страницы

Параметры CSS по умолчанию

Популярное

html — Как добавить дополнительные параметры в форму, отправив ее методом GET

Зарегистрируйтесь или войдите в систему

Опубликовать как гость

Опубликовать как гость

Две кнопки отправки с каждым параметром — JavaScript — Форумы SitePoint

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

Рубрики