HTML中有关按钮的使用

表单

通过点击按钮,来与后台交互

  • 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:提供一个重置按钮,完成表单重置
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值