Button标签是什么意思?

艾克科技
2022-11-27

Button标签是什么意思?艾克科技介绍,Button中文名称叫按钮,在网页中用户交互过程中,按钮是必不可少的重要组件之一。Button的设计与实现,在网页标签中定义为< button type="button"></button>或< input type="button"/>。


Button标签是什么意思?


一般Button标签是100*50像素、80*80像素、60*30像素,甚至更小,由于尺寸小,故可以被更灵活的放置在网页的任何位置。按钮(button)共有四种分类:图片按钮、普通按钮、重置按钮、提交按钮

1、图片按钮< input type="image" src="图片来源">

用户想制作一个美观的图片按钮,可以使用< input>元素的type属性设置图片按钮(image)

2、普通按钮< input type="button" value="按钮名">

用户想制作一个用于触发事件的普通按钮,把input元素的type属性设置为 "button", 可以创建普通按钮。按钮上现实的文本是value

属性的值,如果没有提供value属性,则只创建一个孔按钮。

普通按钮的属性:

type=" button“定义普通按钮。

name属性定义普通按钮的名称

value属性定义普通按钮的显示文字。

onClick属性可以是其它的事件,通过指定脚本函数来定义按钮的行为

3、重置按钮< input typpe="reset" value="按钮名">

用户想清除输入到表单中的全部内容,可以使甩<ineut>元素中的type属性设買重置按钮(reset)以省去在重新输入前、一项一项删除的麻烦。

重置按钮的属性:

type=" reset“定义复位按钮。

name属性定义复位按钮的名称。

value属性定义按钮的显示文字

4、提交按钮< input type="submit" name=" .. valee=...">

用户在表单中填写信息后,只有点击提交按钮,这些信息才会被发送到服务器。把input元素的type属性设置为"submit" ,来创建提交按钮。

submit对象代表HTML表单中的一个提交按钮。

在HTML表单中< input type="submit">标签没出现一次,一个submit对象就会被创建。

提交按钮的属性:

type=" submit“定义提交按钮。

name属性定义提交按钮的名称。

value属性定义按钮的显示文字。

艾克网络科技(ikeseo.cn)是阜阳市一家专业从事网站建设、优化、推广的公司,拥有10年建站设计、seo优化推广的经验,企业建站采用专业的网站模板,利于SEO收录,操作简单,原创设计使用稳定,适合个人、企业网站开发、网站改版、企业官网及小程序制作开发、优化推广。