html中<button>按钮标签详细介绍

分类 : Web前端

在html中,<button>标签也是很常用的,经常用来在页面中添加按钮。“button”作为英文单词就有“按钮”的意思,接下我们就一起来看看它的具体用法吧!

一、<button>标签定义及用法

在html中,<button>标签是使用来定义一个按钮,在该标签中可以放置一些内容(文本、图像等)。

<input>标签也可以使用来定义按钮,但是它是一个空标签(没有元素内容),不能放置元素内容,所以它的功能没有<button>标签强大。

<buttn>标签功能虽然强大,但是在html表单中建议使用<input>标签来创建按钮,因为对于<button>标签在html表单中,不同的浏览器可能提交不同的按钮值。

二、<button>标签定义及用法

<button type = "submit ">内容</button>

说明:<button>标签中的type属性是用来规定按钮的类型的,建议始终都规定该属性,因为每个浏览器默认的type值可能不一样。

三、<button>标签的属性

autofocus:按钮获得焦点,值为:autofocus;disabled:禁用该按钮,值为:disabled;form:关联一个或多个表单,值为:表单的id属性值;formaction:提交表单时向何处发送表单数据,将覆盖form标签中的action属性,需与type="submit" 配合使用,值为:地址;formenctype:向服务器发送表单数据之前如何对其进行编码,将覆盖form表单中的enctype属性,需与type="submit"配合使用,只可以是:multipart/form-data、text/plain等;formmethod:用于发送表单数据的HTTP方法,将覆盖form标签中的method属性,需与type="submit"配合使用,值可以是:get、post;formnovalidate:规定提交表单时不进行验证,将覆盖form标签中的novalidate属性,需与type="submit"配合使用,值为:formnovalidate;formtarget:规定在何处打开目标,将覆盖form标签中的target属性,需与type="submit"配合使用,值可以为:_blank、_self、_parent、_top、framename;name:按钮的名称,值为:自定义;type:按钮的类型,只可以是:button、reset、submit;value:按钮的初始值,值为:自定义;四、实例

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中<button>按钮标签详细介绍</title></head><body bgcolor="burlywood"><button type="button">普通按钮</button><br><br><button type="submit">提交按钮</button><br><br><button type="reset">重置按钮</button></body></html>


分类: Web前端    访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程


分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

input type="submit" 和"button"有什么区别
.Net 现在的行情貌似不是太好,大家有什么规划吗?
c#怎样日期转换成字符串
电脑玩游戏的时候很卡怎么办?
java如何将string类型转为date类型
Iframe嵌套HTML网页的用法?
怎样使用iframe,在网页中插入页面
前端大文件上传代码,大文件上传
Azure Cosmos DB (二) SQL API 操作
C#遍历指定文件夹中的所有文件


最新

div css隐藏内容样式方法
OPPO Reno3 Pro远程守护怎么使用?
XP系统里让IE支持多线程下载怎么设置
qq电脑管家温度检测在哪设置的? QQ电脑管家怎么测电脑的温度
win7禁用ie浏览器方法 win7怎么把桌面的ie隐藏
WinXP笔记本声卡驱动无法成功安装的解决方法
XP⁄Win7共享⁄连接打印机设置详细 xp怎
华为笔记本蓝屏错误0xcoooo428怎么解决
企业如何部署微软Windows 8? Windows 8的开发历史
华为mate9怎样解指纹密码?

推荐阅读

c语言中break语句的作用
vscode----vue中HTML代码tab键自动补全
undefined是什么意思啊
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
DIV CSS字体(font-family)实现字体样式设置
C语言程序中break是什么意思?
C#语言之“string格式的日期时间字符串转为DateTime类型”
Mysql里表示布尔型的类型是什么
前端该怎么学?推荐一个学习路线!
sql中的modify语句,修改列属性

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16