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基础 电脑知识

随机阅读

方正姚体繁体免费字体下载,方正姚体繁体字体免费下载
什么是 JSON? JSON 示例代码 JavaScript JSON
绿萝竟有个"小机关"!打开它,立马疯长拦不住
写一个TimeUI显示的函数,上代码
Vue.js 学习笔记之四:Vue 组件基础
零基础学习C语言,怎么入门?
oracle sql like多个条件函数
oracle字段like多个条件
Oracle实现like多个值的查询-Oracle实现like多个值的
c语言用什么软件编写(新手c语言基础知识入门)

最新

零基础学习C语言,怎么入门?
C语言使用什么软件?
c语言用什么软件编写(新手c语言基础知识入门)
Oracle如何实现like多个值的查询
Oracle如何实现like多个值的查询 - 数据库
oracle 多个like条件查询
Oracle中关键字like的使用总结
oracle 中模糊查询对like的代替insrt()函数
oracle数据库模糊查询匹配多个字符串
Oracle如何实现like多个值的查询 - Oracle - 服务器

推荐阅读

c语言中break语句的作用
vscode----vue中HTML代码tab键自动补全
undefined是什么意思啊
C#语言之“string格式的日期时间字符串转为DateTime类型”
DIV CSS字体(font-family)实现字体样式设置
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
C语言程序中break是什么意思?
replace和replaceAll是JAVA中常用的交换字符的办法
risk-taking中文是什么意思
html如何实现鼠标悬停显示文字,鼠标移走文字消失。

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