html中按钮方法,html中button标签的使用详解
关于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标签的使用详解相关推荐
- devexpress 中的checkboxlist怎么设置间距_HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解
本篇文章主要为大家讲解了html中的h1标签的样式解析,但是如果不用css样式来做的话,那就只能在html4.01中显示了,所以我们还是尽快学习css层叠样式表吧,好了,现在让我们来说说这篇文章吧. ...
- qt怎么设置标签背景图片_HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解...
本篇文章主要为大家讲解了html中的h1标签的样式解析,但是如果不用css样式来做的话,那就只能在html4.01中显示了,所以我们还是尽快学习css层叠样式表吧,好了,现在让我们来说说这篇文章吧. ...
- html中iframe标签的用法详解
<iframe>是什么?html中iframe标签的用法详解 原创 2018-10-26 10:24:35 03690 经常进行页面布局的人对于HTML中的iframe标签一定不 ...
- html中hr标签有哪些属性,htmlhr标签的属性有哪些?HTMLhr标签的样式详解
html hr标签的属性有哪些?HTML hr标签的样式详解,本篇文章介绍了html中的hr标签的定义及其属性描述,还有关于html hr标签的样式使用的几种方法 html中hr标签定义和用法: 标签 ...
- html中使用volist要引入什么,thinkphp中volist标签使用案例详解
这次给大家带来thinkphp中volist标签使用案例详解,thinkphp中volist标签使用的注意事项有哪些,下面就是实战案例,一起来看一下. 属性: name(必须):要输出的数据模板变量 ...
- resultmap的写法_mybatis的mapper.xml中resultMap标签的使用详解
1.前言 最近博主在做一个ssm框架的共享汽车管理系统,其中,数据库字段设计的有下划线方式,a_username,然后在写mapper.xml里面的sql语句的时候,一直出现查询语句查询的值为null ...
- python中的items方法_Python 字典的items()方法和iteritems()方法有什么不同?【面试题详解】...
今天爱分享给大家带来Python 字典的items()方法和iteritems()方法有什么不同?[面试题详解],希望能够帮助到大家. 字典是 Python 语言中唯一的映射类型.映射类型对象里哈希键 ...
- python类继承中构造方法_第8.3节 Python类的__init__方法深入剖析:构造方法与继承详解...
第8.3节Python类的__init__方法深入剖析:构造方法与继承详解 一. 引言 上两节介绍了构造方法的语法及参数,说明了构造方法是Python的类创建实例后首先执行的方法,并说明如果类没 ...
- 变量可以存储在堆中,栈中,方法区中。哪里都可以啊。对象只能存储在堆中...
变量可以存储在堆中,栈中,方法区中.哪里都可以啊.对象只能存储在堆中
最新文章
- android读取excel数据库,Android 读取Excel数据并保存在本地数据库
- 第三部分:Android 应用程序接口指南---第一节:应用程序组件---第七章 App Widgets...
- 统计学习方法第二章作业:感知机模型原始形式与对偶形式代码实现
- Jenkins pipeline JENKINS_NODE_COOKIE踩坑记录
- rabbitmq 取消消息_认识RabbitMQ从这篇文章开始
- Gvim 字体大小设置和FencView插件安装
- eclipse svn不能忽略文件及文件夹,ignore设置无效 ?
- 通用usb驱动libusb介绍和使用示例
- Android 系统(259)---获取本机号码及sim卡信息
- centos7目录结构
- Vue系列(2):Vue 安装
- findwindow\sendmessage向第三方软件发送消息演示
- C语言药店药品管理系统
- QCC300x学习笔记:自定义一个GATT client
- vscode 经常弹出unins000.exe报错,尝试在目标目录创造文件时发生错误 重试 跳过这个文件 关闭安装程序
- Linux下安装神通数据库
- w ndows7与XP哪个好,Win7系统与Win XP系统哪个更好?Windows7与WindowsXP区别介绍-系统城·电脑系统下载之家...
- 顺序图-循环和分支-操作符的使用
- excel 设置表头表尾
- linux调度不执行,linux crond.d定时调度执行一段时间后不执行