Кнопки формы в JavaScript
Вы уже знаете, что форма отправляется по
нажатию на кнопку. Здесь, однако, есть нюансы.
Кнопка обязательно должна иметь атрибут type
в значении submit
:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Форму также будет отправлять тег button
с атрибутом type
в значении submit
:
<form>
<input name="test1">
<input name="test2">
<button type="submit">btn</button>
</form>
Форму также будет отправлена, если в любом
из инпутов поставить фокус и нажать Enter
.
Кнопка с атрибутом type
в значении
button
используется как элемент страницы
и отправлять форму не будет:
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
Аналогичным образом будет работать тег button
:
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
Кнопка с атрибутом type
в значении
reset
будет очищать заполненную форму:
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Исправьте следующий код так, чтобы кнопка отправляла форму на сервер:
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>