Nút trong biểu mẫu với JavaScript
Bạn đã biết rằng biểu mẫu được gửi đi bằng cách
nhấn vào một nút. Tuy nhiên, ở đây có những chi tiết.
Nút bắt buộc phải có thuộc tính type
với giá trị là submit:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Biểu mẫu cũng sẽ được gửi bởi thẻ button
với thuộc tính type có giá trị submit:
<form>
<input name="test1">
<input name="test2">
<button type="submit">btn</button>
</form>
Biểu mẫu cũng sẽ được gửi nếu đặt tiêu điểm vào bất kỳ
trường nhập liệu nào và nhấn phím Enter.
Nút với thuộc tính type có giá trị
button được sử dụng như một phần tử của trang
và sẽ không gửi biểu mẫu:
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
Thẻ button cũng sẽ hoạt động tương tự:
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
Nút với thuộc tính type có giá trị
reset sẽ xóa toàn bộ dữ liệu đã nhập trong biểu mẫu:
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Hãy sửa đoạn mã sau để nút có thể gửi biểu mẫu đến máy chủ:
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>