表单
通过点击按钮,来与后台交互
- form表单元素:引入method特性,要发送的HTTP请求类型(Get和Post)
我们可以在html中定义表单的特性,也可以在DOM中操作表单节点。
- action:描述接收请求的URL
- methon:如上
- name:表单名称
- target:用于发送请求和接收响应的窗口名称。
按钮
input和button都可以用来定义按钮
虽然button元素功能强大,但针对不同浏览器,可能会提交不同的按钮值,所以推荐创建按钮使用input元素。
- button元素的使用:
1.type:属性值有button,reset,submit.
2.disabled:禁用
3.autofocus:获得焦点
4.form:关联表单
5.与submit有关:是否验证… - input元素创建按钮:
input元素是最常用的表单元素
提供多种方式获取用户信息,对应于不同的type属性值:
- text,password:提供输入框,获取用户的输入内容,文字内容或密码
- button:提供按钮,获取用户单击按钮的事件
- checkbox:提供复选框,获取用户选择项,可多选
- ratio:提供单选框,获取用户选项
- file:提供文件选择器,获取用户选择本地存储文件的路径,并将文件提交到服务器端。
- image:提供一个图片按钮,获取图片按钮的单击事件
- submit:提供一个提交按钮,完成表单提交
- reset:提供一个重置按钮,完成表单重置