Какой тип кнопки следует использовать для кнопок отмены диалога HTML? ⇐ Html

[Anonymous]

Я пишу диалоговые формы HTML, с полями ввода данных, где можно нажать кнопку «Отмена», чтобы выйти из модального диалога. Какой из типов "отправить", "сбросить" и "кнопка"
наиболее подходит для кнопки отмены и почему?
Исследование
На странице MDN на Elements приведен пример, в котором (без атрибутов типа) используется как для кнопок, так и для подтверждения: https: // Разработчик. mozilla.org/en-us/docs/web/html/element/dialog#advanced_example твою используется для кнопки «Отмена»: https://developer.mozilla.org/en-us/doc ... /showmodal
> Я также читал вокруг в Интернете, включая некоторые ответы на этом сайте, где использовался в примерах рекомендаций.
Для обобщения Насколько я понимаю: < /p>

[*] кнопки «Пропущенный тип или тип =" что форма явно сбросит ваши записи данных. Однако они требуют, чтобы вы написали больше JavaScript, чтобы закрыть диалоговое окно, в отличие от Type = "Opper" . Наценка также не указывает на то, что это один из способов закрытия формы диалога. /code> подразумевает, что записи данных будут очищены, а Event.preventDefault () требуется противоречить разметке. Однако сброс не является идеальным (https://ux.stackexchange.com/a/42773), вам все равно нужно написать JavaScript, чтобы закрыть диалог, и функция кнопки противоречит размет Вы решаете предотвратить сброс данных.

кнопки с типом = "Отправить" может означать альтернативное средство закрытия/завершения Диалог и диалог автоматически закрыты, когда нажимают кнопки типа отправки. Вам нужен только JavaScript, чтобы прослушать события закрытия и проверить атрибут «Dialog> returnValue», чтобы увидеть, произошла ли отмена. Однако тип разметки /отправки может подразумевать, что форма будет представлена ​​с действительными записями вместо отмены. < /P>
< /li>
< /ul>
Учитывая это, если мое понимание действительно (?), И какие -либо другие причины, по которым я мог бы не заметить (относительно того, какая разметка наиболее читаемой и представляет наиболее элегантное использование JavaScript), какой подход следует использовать для кнопок отмены в формах диалога ?

Код: Выделить всё

p.s.: Я заметил, что есть экспериментальное событие Htmldialogelement 'Cancel', но оно может быть изменено, и ее страница MDN кажется неточным или неполным.

Подробнее здесь: https://stackoverflow.com/questions/568 ... el-buttons