В чем разница между & ldquo; f.button: submit & rdquo; и & ldquo; f.button: button & rdquo ;? [Дубликат]

Question

В чем разница между & ldquo; f.button: submit & rdquo; и & ldquo; f.button: button & rdquo ;? [Дубликат]

Простой: вы можете добавить любой домен за именем пользователя. Итак, как только вы определили имя пользователя, зарегистрируйте своего пользователя с помощью @vikzillasapp.com.

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

Если это не подходит вашим потребностям, вы можете свернуть собственный поставщик удостоверений, используя команды в документации Firebase . Для этого требуется код, который работает в надежной среде, для которой вы можете использовать свой собственный сервер или Cloud Functions для Firebase . В настоящее время даже пример этого в функции-samples repo .

179

ruby-on-rails simple-form

задан Jitendra Vyas 19 August 2011 в 07:13

10 ответов

Я понимаю, что это старый вопрос, но я нашел это на mozilla.org и думаю, что это применимо.

Кнопка может быть трех типов: submit, reset или button. Щелчок по кнопке отправки отправляет данные формы на веб-страницу, определенную атрибутом действия элемента. Щелчок по кнопке сброса немедленно сбрасывает все виджеты формы до значения по умолчанию. С точки зрения UX это считается плохой практикой. Щелчок на кнопке кнопки ... ничего! Это звучит глупо, но удивительно полезно создавать пользовательские кнопки с помощью JavaScript.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML / Формы / My_first_HTML_form # And_a_ & л; кнопка & GT; _to_finish

11

ответ дан Jere.me 20 August 2018 в 10:18
поделиться

1

Как это полезно, если оно ничего не делает? – Honey 10 July 2017 в 22:28

2

Поскольку вы можете перехватить обработчики события click с помощью Javascript – fonso 31 August 2017 в 12:06

3

@Honey, например, вы можете закодировать <button type="button"> для продвижения слайдера / карусели на следующий слайд. – chharvey 26 February 2018 в 06:30

<button> новее, чем <input type="submit">, более семантичен, легко стилизуется и поддерживает HTML внутри него.

9

ответ дан Leniel Maccaferri 20 August 2018 в 10:18
поделиться

Хотя оба элемента обеспечивают функциональный одинаковый результат *, я настоятельно рекомендую вам использовать <button>:

. Более явный и читаемый. input предполагает, что управление редактируется или может быть отредактировано пользователем; button гораздо более ясен с точки зрения цели, которой он служит

. Легче стилизировать в CSS; как упоминалось выше, у FIrefox и IE есть причуды, в которых input[type="submit"] не отображаются корректно в некоторых случаях

Предсказуемые запросы: IE имеет очень правильное поведение, когда значения передаются в запросе POST / GET сервер

Удобный для разметки; вы можете вставлять элементы, например значки, внутри кнопки.

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

& ast; За исключением <button type="button">, который по умолчанию не имеет определенного поведения.

Таким образом, я очень не рекомендую использовать <input type="submit" />.

20

ответ дан mhpreiman 20 August 2018 в 10:18
поделиться

<input type="button"> - это просто кнопка и ничего не сделает сама по себе. <input type="submit">, когда внутри элемента формы, будет отправлять форму при нажатии.

Еще одна полезная специальная кнопка - <input type="reset">, которая очистит форму.

50

ответ дан Paul d'Aoust 20 August 2018 в 10:18
поделиться

1

thx для "сброса" – antpaw 18 October 2013 в 11:35

2

Вопрос касается тега кнопки, а не типа & lt; input type = & quot; button & gt; & gt; & gt; – Caltor 20 January 2017 в 01:15

3

Вопрос касается тегов <input> и <button>. Вы предоставили полезную информацию о <input> в своем ответе, но у нее отсутствует сторона <button>. – Trix 9 March 2017 в 19:42

Используйте & lt; button & gt; тег вместо & lt; input type = "button" .. & gt ;. Это рекомендуемая практика в бутстрапе 3.

http://getbootstrap.com/css/#buttons-tags

"Кросс- рендеринг браузера

В качестве наилучшей практики мы настоятельно рекомендуем использовать элемент & lt; button & gt;, когда это возможно, для обеспечения соответствия кросс-браузерного рендеринга.

Среди прочего, есть ошибка Firefox, которая не позволяет нам устанавливать высоту строки кнопок «lt; input & gt;», что приводит к тому, что они не точно соответствуют высоте других кнопок в Firefox ».

29

ответ дан rolfk 20 August 2018 в 10:18
поделиться

1

+1 для этого. button гораздо более явственно, и поставляется с функциями aria доступности, и гораздо проще в стиле. Это также передовая мысль, так как это HTML5. – user1429980 12 November 2015 в 02:39

http://www.w3.org/TR/html4/interact/forms.html#h-17.5

Кнопки, созданные с помощью функции элемента BUTTON как кнопки, созданные с помощью элемента INPUT, но они предлагают более богатые возможности визуализации: элемент BUTTON может иметь контент. Например, элемент BUTTON, который содержит изображение, функционирует подобно и может напоминать элемент INPUT, тип которого установлен на «образ», но тип элемента BUTTON разрешает контент.

(Не забывайте, что type="submit" по умолчанию имеет значение button, поэтому оставьте его!) [/ g4]

106

ответ дан Thomas Grainger 20 August 2018 в 10:18
поделиться

1

Просто будьте осторожны, IE6 представляет значения всех кнопок на странице, что затрудняет точное определение той кнопки, на которую нажата кнопка. Объяснение: vancelucas.com/blog/ie6-and-multiple-button-submit-elements – Sam 13 March 2013 в 22:29

2

Просто FYI вы не имеете , чтобы использовать type="submit" с кнопкой, поскольку по умолчанию для type есть submit. – sync 5 February 2015 в 00:06

3

Это то, что говорит W3C, но я уверен, что видел случаи, когда type по умолчанию был button. Я предпочитаю явно указывать каждый атрибут, чтобы избежать какой-либо непоследовательности браузера. – MatTheCat 5 February 2015 в 10:14

4

согласно справки да. но не все браузеры придерживаются справочных спецификаций, верно? – EKanadily 1 August 2016 в 09:14

5

@chharvey, у первых нет дочерних узлов; т.е. нетекстового содержимого. Полагаю, вы могли бы сказать, что кроме краткости нет причин для существования последнего. – Paul Draper 10 March 2018 в 18:47

Другие вопросы по тегам:
ruby-on-rails simple-form

Похожие вопросы:

41
Изучение Ruby on Rails - 9 June 2011 23:21

39
Большинство полезных плагинов направляющих, библиотек Ruby и драгоценных камней Ruby? [закрытый] - 27 June 2018 16:56

31
Почему мой javascript не распознает строки, в которых есть разрывы строк? [Дубликат] - 8 May 2013 16:37

30
rails nil в базе данных [дубликат] - 2 October 2008 18:25

26
Почему использование Ruby вместо Smalltalk? [закрытый] - 15 August 2016 15:20

20
Стоит ли изучать C как веб-разработчик? Буду ли я когда-нибудь этим пользоваться? [закрыто] - 17 February 2013 18:16

20
Ошибка при генерации контроллера с рельсами [дубликат] - 10 February 2013 11:43

score 7 · Answer 1

В то время как другие ответы велики и отвечают на вопрос, есть одна вещь, которую следует учитывать при использовании input type="submit" и button. С помощью input type="submit" вы не можете использовать псевдо-элемент CSS на входе, но вы можете для кнопки!

Это одна из причин использования элемента button над входом, когда дело касается стилизации.

score -2 · Answer 2

Если вы говорите о <input type=button>, он не будет автоматически отправлять форму

, если вы говорите о теге <button>, новее и не автоматически отправляете во всех браузерах.

В нижней строке, если вы хотите, чтобы форма отправлялась по клику во всех браузерах, используйте <input type="submit">

Вы можете использовать <button type="submit"> для автоматической отправки форм. — jumpnett, 5 April 2013 в 23:17

score 1 · Answer 3

Я не знаю, является ли это ошибкой или функцией, но есть очень важная (для некоторых случаев) разница, которую я нашел: <input type="submit"> создает пару ключевых значений в вашем запросе, а <button type="submit"> не , Протестировано в Chrome и Safari.

Итак, когда у вас есть несколько кнопок отправки в вашей форме и вы хотите узнать, какой из них был нажат - не используйте button, вместо этого используйте input type="submit".

1

ответ дан Ivan Yarych 20 August 2018 в 10:18

1

– Gall Annonim 18 May 2017 в 12:23
2

@GallAnnonim, возможно, зависит от типа документа. Потому что я определенно использую input type = submit и работает на chrome – Ivan Yarych 19 May 2017 в 12:13
3

intresting ... Я использовал & lt;! DOCTYPE html & gt; с использованием lang "pl" & Amp; & Amp; кодирование utf-8, если это делает его любым различием. хром 58.0.3029.96 – Gall Annonim 19 May 2017 в 17:24

score 20 · Answer 4

<input type='submit' /> не поддерживает HTML внутри него, так как это отдельный самозакрывающийся тег. <button>, с другой стороны, поддерживает HTML, изображения и т. д. внутри, потому что это пара тегов: <button><img src='myimage.gif' /></button>. <button> также более гибкий, когда дело доходит до стилей CSS.

Недостатком <button> является то, что он не полностью поддерживается старыми браузерами. Например, IE6 / 7 не отображает его правильно.

Если у вас нет определенной причины, вероятно, лучше придерживаться <input type='submit' />.

20

ответ дан Jared Ng 20 August 2018 в 10:18

1

Ответ был сделан 2 года назад. Кроме того, очень возможно указать альтернативный текст кнопки: <input type="submit" value="Log In" /> – Jared Ng 22 August 2013 в 14:59
2

@nailer. Вы совершенно согласны с вашим мнением, но любой ответ неизбежно будет ссылаться на текущее состояние технологии. Возможно, HTML 6 будет осуждать <button> за что-то новое. Означает ли это, что мы не должны упоминать конкретный тег в ответах вообще, потому что он может изменить в какой-то момент в будущем? Я бы предпочел оставить его в качестве упражнения для читателя, чтобы определить, как ответы касаются их ситуации. Пока информация является ценной для читателя, я не вижу проблемы с ее включением. – Jared Ng 22 August 2013 в 15:23

3

– mikemaccana 22 August 2013 в 18:28

4

@nailer Нет универсальной «устаревшей». список браузеров, которым придерживаются все. Различные рабочие места имеют разные требования к поддерживаемым браузерам. Просто потому, что ваш стандарт «поддерживаемых браузеров» в 2011 году не включал IE6 / 7, это не значит, что это повсеместно. – Jared Ng 22 August 2013 в 18:42

5

Я знаю, что нет универсальной «устаревшей». список браузеров - следовательно, не каждый упоминает об этом. Все, что я говорю, это то, что это может быть лучше сформулировано, поскольку «IE6 / 7 не поддерживают кнопку отображения правильно. Если это вызывает беспокойство, придерживайтесь ввода & quot; I.e., вы знаете, что браузеры будут меняться, объясните это. Это останавливает StackOverflow навсегда приостанавливается при обходах IE6. – mikemaccana 22 August 2013 в 18:55

score 11 · Answer 5

Я понимаю, что это старый вопрос, но я нашел это на mozilla.org и думаю, что это применимо.

Кнопка может быть трех типов: submit, reset или button. Щелчок по кнопке отправки отправляет данные формы на веб-страницу, определенную атрибутом действия элемента. Щелчок по кнопке сброса немедленно сбрасывает все виджеты формы до значения по умолчанию. С точки зрения UX это считается плохой практикой. Щелчок на кнопке кнопки ... ничего! Это звучит глупо, но удивительно полезно создавать пользовательские кнопки с помощью JavaScript.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML / Формы / My_first_HTML_form # And_a_ & л; кнопка & GT; _to_finish

Как это полезно, если оно ничего не делает? — Honey, 10 July 2017 в 22:28
Поскольку вы можете перехватить обработчики события click с помощью Javascript — fonso, 31 August 2017 в 12:06
@Honey, например, вы можете закодировать <button type="button"> для продвижения слайдера / карусели на следующий слайд. — chharvey, 26 February 2018 в 06:30

score 9 · Answer 6

<button> новее, чем <input type="submit">, более семантичен, легко стилизуется и поддерживает HTML внутри него.

9

ответ дан Leniel Maccaferri 20 August 2018 в 10:18

score 20 · Answer 7

Хотя оба элемента обеспечивают функциональный одинаковый результат *, я настоятельно рекомендую вам использовать <button>:

. Более явный и читаемый. input предполагает, что управление редактируется или может быть отредактировано пользователем; button гораздо более ясен с точки зрения цели, которой он служит
. Легче стилизировать в CSS; как упоминалось выше, у FIrefox и IE есть причуды, в которых input[type="submit"] не отображаются корректно в некоторых случаях
Предсказуемые запросы: IE имеет очень правильное поведение, когда значения передаются в запросе POST / GET сервер
Удобный для разметки; вы можете вставлять элементы, например значки, внутри кнопки.
HTML5, форвардное мышление; как разработчики, мы несем ответственность за принятие новой спецификации после ее официального утверждения. HTML5, по состоянию на данный момент, является официальным уже более года, и во многих случаях было показано, как повысить SEO.

& ast; За исключением <button type="button">, который по умолчанию не имеет определенного поведения.

Таким образом, я очень не рекомендую использовать <input type="submit" />.

score 50 · Answer 8

<input type="button"> - это просто кнопка и ничего не сделает сама по себе. <input type="submit">, когда внутри элемента формы, будет отправлять форму при нажатии.

Еще одна полезная специальная кнопка - <input type="reset">, которая очистит форму.

50

ответ дан Paul d'Aoust 20 August 2018 в 10:18

1

thx для "сброса" – antpaw 18 October 2013 в 11:35
2

Вопрос касается тега кнопки, а не типа & lt; input type = & quot; button & gt; & gt; & gt; – Caltor 20 January 2017 в 01:15
3

Вопрос касается тегов <input> и <button>. Вы предоставили полезную информацию о <input> в своем ответе, но у нее отсутствует сторона <button>. – Trix 9 March 2017 в 19:42

score 29 · Answer 9

Используйте & lt; button & gt; тег вместо & lt; input type = "button" .. & gt ;. Это рекомендуемая практика в бутстрапе 3.

http://getbootstrap.com/css/#buttons-tags

"Кросс- рендеринг браузера

В качестве наилучшей практики мы настоятельно рекомендуем использовать элемент & lt; button & gt;, когда это возможно, для обеспечения соответствия кросс-браузерного рендеринга.

Среди прочего, есть ошибка Firefox, которая не позволяет нам устанавливать высоту строки кнопок «lt; input & gt;», что приводит к тому, что они не точно соответствуют высоте других кнопок в Firefox ».

+1 для этого. button гораздо более явственно, и поставляется с функциями aria доступности, и гораздо проще в стиле. Это также передовая мысль, так как это HTML5. — user1429980, 12 November 2015 в 02:39

score 106 · Answer 10

http://www.w3.org/TR/html4/interact/forms.html#h-17.5

Кнопки, созданные с помощью функции элемента BUTTON как кнопки, созданные с помощью элемента INPUT, но они предлагают более богатые возможности визуализации: элемент BUTTON может иметь контент. Например, элемент BUTTON, который содержит изображение, функционирует подобно и может напоминать элемент INPUT, тип которого установлен на «образ», но тип элемента BUTTON разрешает контент.

(Не забывайте, что type="submit" по умолчанию имеет значение button, поэтому оставьте его!) [/ g4]

106

ответ дан Thomas Grainger 20 August 2018 в 10:18

1

Просто будьте осторожны, IE6 представляет значения всех кнопок на странице, что затрудняет точное определение той кнопки, на которую нажата кнопка. Объяснение: vancelucas.com/blog/ie6-and-multiple-button-submit-elements – Sam 13 March 2013 в 22:29
2

Просто FYI вы не имеете , чтобы использовать type="submit" с кнопкой, поскольку по умолчанию для type есть submit. – sync 5 February 2015 в 00:06

3

Это то, что говорит W3C, но я уверен, что видел случаи, когда type по умолчанию был button. Я предпочитаю явно указывать каждый атрибут, чтобы избежать какой-либо непоследовательности браузера. – MatTheCat 5 February 2015 в 10:14

4

согласно справки да. но не все браузеры придерживаются справочных спецификаций, верно? – EKanadily 1 August 2016 в 09:14

5

@chharvey, у первых нет дочерних узлов; т.е. нетекстового содержимого. Полагаю, вы могли бы сказать, что кроме краткости нет причин для существования последнего. – Paul Draper 10 March 2018 в 18:47