普通按钮+提交按钮+重置按钮

按钮

type=“button” 普通按钮；
type=“submit” 提交按钮；
type=“reset” 重置按钮；
name 给按钮命名；
value 设置显示在按钮上的文字；

（1）普通按钮

    需要与事件关联使用，用来响应onclick事件。

（2）reset按钮

    单击该按钮，不论表单是否已经填写或输入数据，表单中各个元素都会被重置到最初状态，而填写或输入的数据将被清空。

（3）submit按钮

    表单将会提交到action属性所指定的URL并传递表单数据。

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>按钮</title>
</head>
<body><form method="post" action=""><p>用户名：<input name="name" type="text"></p><p>密&nbsp;&nbsp;&nbsp;码：<input name="pass" type="password"></p><p><input type="reset" name="butReset" value="reset按钮"><input type="submit" name="butSubmit" value="submit按钮"><input type="button" name="butButton" value="button按钮"></p></form>
</body>
</html>

普通按钮+提交按钮+重置按钮相关推荐

js进阶 9-5 js如何确认form的提交和重置按钮
js进阶 9-5 js如何确认form的提交和重置按钮一.总结一句话总结: 1.这个并不好做:onsubmit 里面的代码必须返回false才能取消onsubmit方法的执行,所以,有return ...
html输入内容重置代码,HTML 提交和重置按钮
英文解释: html:超文本标记 head:头部 meta:元信息 charset:字符集 title:标题 body:文档主体 action:提交到的服务器地址 method:提交方式,get或po ...
php+提交和重置按钮传值,JS提交和重置form表单
本节示例讲解 JavaScript 的提交 form 表单和重置 form 表单. 提交表单使用和标签都可以定义提交按钮,只要将 type 属性值设置为"submit"即可, ...
type属性提交和重置按钮
1.submit: 定义提交按钮,提交按钮会把表单数据发送给服务器. <!DOCTYPE html> <html lang="en"> <head&g ...
【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
文章目录一.按钮表单 1.普通按钮 2.提交按钮 3.重置按钮 4.图片按钮二.文件域一.按钮表单 1.普通按钮将 <input /> 标签的 type 属性设置为 button ...
java写一个重置按钮_重置按钮的实现
//asp.net实现重置按钮的方法 //重置按钮事件 protected void btn_Reset_Click(object sender, EventArgs e) { this.FindBu ...
HTML form表单重置按钮无效问题
在编写网页的时候,突然发现有一个页面的查询表单中重置按钮不起作用了.1.说明: 输入表单内容,不点击查询按钮,直接重置按钮,是可以清空重置表单内容的: 输入表单内容,点击查询按钮,再点击重置按钮,发现 ...
图片实现提交/重置按钮
图片实现提交/重置按钮提交: 第一种方式(无图片的): <input type="submit" value="提交" /> 第二种方式(有 ...
html把保留图片改为提交按钮,如何制作图片按钮，并为图片按钮添加提交表单和重置表单功能...
网页中有表单,表单的默认按钮样式不是很好看,很多人为了美观使用图片做按钮. 今天中国在一.图片按钮的制作方法 1. 定义图像形式的提交按钮. 2.用CSS把图片设为按钮的背景 3.作用,设置其bac ...

普通按钮+提交按钮+重置按钮

按钮

（1）普通按钮

（2）reset按钮

（3）submit按钮

普通按钮+提交按钮+重置按钮相关推荐

最新文章

热门文章