提交表单

  1. 1.通用
  2. <input type="submit" value="submit form">
  4. 2.自定义提交按钮
  5. <button type="submit">submit Form</button>
  7. 3.图像按钮
  8. <input type="image" src="https://dummyimage.com/600x400/000/fff">

提交表单：

  1. form.submit()

防止重复提交：
1.在第一次提交表单后就禁用提交按钮
2.利用 onsubmit 事件处理程序取消后续的表单提交操作

  1. //禁用
  2. btn.disabled = true

表单字段

表单相关
image.png

image.png

image.png

html5 表单字段新增一个 autofocus 属性，可以自动把焦点移动到相应字段。

  1. <input type="text" autofocus>

文本框脚本

input
size : 指定文本框中能够显示的字符数
value : 设置文本框的初始值
maxlength: 指定文本框可以接受的最大字符数

textarea

  1. <textarea  cols="30" rows="10">这是默认值</textarea>

rows : 文本框的字符行数
cols：字符列数
初始值：需要放在之间