关于button按钮的介绍 知道:button是定义一个按钮,但是在表单中也有一个可以定义按钮,我们知道当的时候也是在网页上创建了一个按钮,现在要说的是个button这个标签和input里面的标签有怎样的区别。当然这个标签为我们提供了更为强大的功能,我们可以设置button,设置button上面的文字,甚至可以加载图像等等多媒体在HTML5中button标签有增加了一些属性,比如说autofocus,disabled,form,formation,formenctype,formmethod,fornovalidate,formtarget,name,type,value下面我们做一几个小小的案例来说明这个标签

这是一个按钮



已经获得焦点


失效

method="get">

请选择你喜爱的项目:

HTML

CSS

一、普通按钮button

普通按钮一般情况下要配合JavaScript脚本来进行表单的实现。

语法:

说明:

value的取值就是显示在按钮上的文字,onclick是普通按钮的事件,这个我们在JavaScript入门教程中会详细讲解,在此大家了解一下就OK了。

举例:

单击按钮弹出对话框:

在浏览器预览效果如下:

然后你点击按钮会弹出提示框:

二、提交按钮submit

提交按钮可以看成一种具有特殊功能的普通按钮,单击提交按钮可以实现将表单内容提交给服务器处理。

语法:

说明:

value的取值就是显示在按钮上的文字。例子请看重置按钮中的例子。

提交按钮submit真正的用处还得我们学了后端技术才能真正理解。

三、重置按钮reset

重置按钮也可以看成一种具有特殊功能的普通按钮,单击重置按钮可以清除用户在页面表单中输入的信息。

语法:

说明:

value的取值就是显示在按钮上的文字。

举例:

账号:

密码:

在浏览器预览效果如下:

你在文本框输入字符之后,按下重置按钮,你会发现文本框的内容清除了!这就是重置按钮的功能。

以上就是html中标签的使用详解的详细内容,更多请关注Gxl网其它相关文章!

html中按钮方法,html中button标签的使用详解相关推荐

  1. devexpress 中的checkboxlist怎么设置间距_HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解

    本篇文章主要为大家讲解了html中的h1标签的样式解析,但是如果不用css样式来做的话,那就只能在html4.01中显示了,所以我们还是尽快学习css层叠样式表吧,好了,现在让我们来说说这篇文章吧. ...

  2. qt怎么设置标签背景图片_HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解...

    本篇文章主要为大家讲解了html中的h1标签的样式解析,但是如果不用css样式来做的话,那就只能在html4.01中显示了,所以我们还是尽快学习css层叠样式表吧,好了,现在让我们来说说这篇文章吧. ...

  3. html中iframe标签的用法详解

    <iframe>是什么?html中iframe标签的用法详解 原创  2018-10-26 10:24:35 03690 经常进行页面布局的人对于HTML中的iframe标签一定不 ...

  4. html中hr标签有哪些属性,htmlhr标签的属性有哪些?HTMLhr标签的样式详解

    html hr标签的属性有哪些?HTML hr标签的样式详解,本篇文章介绍了html中的hr标签的定义及其属性描述,还有关于html hr标签的样式使用的几种方法 html中hr标签定义和用法: 标签 ...

  5. html中使用volist要引入什么,thinkphp中volist标签使用案例详解

    这次给大家带来thinkphp中volist标签使用案例详解,thinkphp中volist标签使用的注意事项有哪些,下面就是实战案例,一起来看一下. 属性: name(必须):要输出的数据模板变量 ...

  6. resultmap的写法_mybatis的mapper.xml中resultMap标签的使用详解

    1.前言 最近博主在做一个ssm框架的共享汽车管理系统,其中,数据库字段设计的有下划线方式,a_username,然后在写mapper.xml里面的sql语句的时候,一直出现查询语句查询的值为null ...

  7. python中的items方法_Python 字典的items()方法和iteritems()方法有什么不同?【面试题详解】...

    今天爱分享给大家带来Python 字典的items()方法和iteritems()方法有什么不同?[面试题详解],希望能够帮助到大家. 字典是 Python 语言中唯一的映射类型.映射类型对象里哈希键 ...

  8. python类继承中构造方法_第8.3节 Python类的__init__方法深入剖析:构造方法与继承详解...

    第8.3节Python类的__init__方法深入剖析:构造方法与继承详解 一.    引言 上两节介绍了构造方法的语法及参数,说明了构造方法是Python的类创建实例后首先执行的方法,并说明如果类没 ...

  9. 变量可以存储在堆中,栈中,方法区中。哪里都可以啊。对象只能存储在堆中...

    变量可以存储在堆中,栈中,方法区中.哪里都可以啊.对象只能存储在堆中

最新文章

  1. android读取excel数据库,Android 读取Excel数据并保存在本地数据库
  2. 第三部分:Android 应用程序接口指南---第一节:应用程序组件---第七章 App Widgets...
  3. 统计学习方法第二章作业:感知机模型原始形式与对偶形式代码实现
  4. Jenkins pipeline JENKINS_NODE_COOKIE踩坑记录
  5. rabbitmq 取消消息_认识RabbitMQ从这篇文章开始
  6. Gvim 字体大小设置和FencView插件安装
  7. eclipse svn不能忽略文件及文件夹,ignore设置无效 ?
  8. 通用usb驱动libusb介绍和使用示例
  9. Android 系统(259)---获取本机号码及sim卡信息
  10. centos7目录结构
  11. Vue系列(2):Vue 安装
  12. findwindow\sendmessage向第三方软件发送消息演示
  13. C语言药店药品管理系统
  14. QCC300x学习笔记:自定义一个GATT client
  15. vscode 经常弹出unins000.exe报错,尝试在目标目录创造文件时发生错误 重试 跳过这个文件 关闭安装程序
  16. Linux下安装神通数据库
  17. w ndows7与XP哪个好,Win7系统与Win XP系统哪个更好?Windows7与WindowsXP区别介绍-系统城·电脑系统下载之家...
  18. 顺序图-循环和分支-操作符的使用
  19. excel 设置表头表尾
  20. linux调度不执行,linux crond.d定时调度执行一段时间后不执行

热门文章

  1. Bi系统跟数据中台的区别是什么?
  2. Ubuntu16.04 系统下的pytorch库(cpu版)安装与demo测试
  3. 【小白】第一次给华为H58-03服务器装系统
  4. 大学毕业生聚居群体--蚁族
  5. 计算机无法登录网页,如果无法打开192.168.1.100登录页面该怎么办? 192.168.1
  6. 智能车辆管理系统解决方案-北京软件开发公司
  7. github 下载的不全
  8. keycloak集群配置
  9. 【Rust】cargo update或者cargo build国内被墙失败解决办法
  10. RGB转为Lab色彩空间的偏色检测