Кнопки формы в 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>