表单按钮(下)
表单 input 控件中的按钮。
接着学习第四类按钮:图像按钮。它的功能和提交按钮一样,只是用图片代替了提交按钮的外观。
定义图像按钮的语法为:input 输入控件的 type 值定义为 image,意为图像。既然是图像按钮,那就需要引入一张图片,所以还需要定义 src 属性,属性值,为图片的路径。
回到编辑器,继续在 input_button.html 页面中操作,在普通按钮后面添加一个新的 input,并将 type 属性赋值为 image,再定义一个 src 属性,图片的路径为 logo.png。
回到浏览器,一个冰墩墩的图像按钮就做好了。当鼠标滑到图片上时,指针变成了小手。填写一些数据,单击图像按钮,表单提交了。
如果你嫌图片太大,可以给这个图像按钮的 input 添加 width 和 height 属性,设置成你想要的大小,可以自己动手试试。
继续学习第五类按钮:双标签 button 按钮。双标签 button也能实现表单的提交功能。
定义它的语法为:尖角号button 尖角号/button,按钮的名字在标签里定义。 ()
回到编辑器,在图像按钮后面定义定义 button 标签,在标签里定义按钮的名字 "button按钮"。保存。
回到浏览器,刷新,双标签 button 按钮制作完成了。输入一点测试数据,点击button按钮,表单提交了。
提示一下,双标签 button 按钮在 form 里,默认具备点击提交表单的能力。如果为它添加 type 属性,赋值为 button,它就变成了普通的按钮。
回到编辑器,在button标签上定义 type 属性,值为 button。保存。
回到浏览器,刷新。单击 "button按钮",提交表单的功能消失了。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
今日已有369人领取成功

相关推荐HOT
更多>>
自己小店售卖的商品除了自己账号带货,能不能让其他账号帮我推广卖货呢?
商家店铺体验分高于(含)4分,在小店后台找到营销窗口,进入精选联盟,选择需要推广的商品,建立推广计划(普通计划、定向计划、专属计划等)设置...详情>>
2022-11-28 17:06:07
为什么我上传产品提示审核不通过被驳回?
①是否提交完善相关(品牌资质、行业资质、授权资质、商品资质及其他相关各类证明材料)②检查商品标题是否有诱导词、极限词,以及产品功效夸大词...详情>>
2022-11-28 17:05:09
开通小店后首先要设置哪些选项,会有流量倾斜加持?
运费险:在商家保障中心中点进去勾选上,那前期做店铺起的时候一定要把运费险开通,后期你可以给它关掉,极速退:在前期起店急速退助手同样呢,...详情>>
2022-11-28 17:04:15
直播间怎样才能获得更多的直播推荐流量?
不同行业类目、不同粉丝数量基数、不同客单价的流量级别分配,直播的流量推荐逻辑根据,点击(曝光点击进入率、商品点击率),停留(观看时长),互...详情>>
2022-11-28 17:03:23热门推荐
自己小店售卖的商品除了自己账号带货,能不能让其他账号帮我推广卖货呢?
沸为什么我上传产品提示审核不通过被驳回?
热开通小店后首先要设置哪些选项,会有流量倾斜加持?
热直播间怎样才能获得更多的直播推荐流量?
新小店体验分越来越低,该如何提升分数?
为什么开播的时候在线人数很高,随着直播时长越往后在线人数越少?
新号在线人数稳定一段时间后,为什么最近在线人数突然就掉到很少了?
抖音流量池到底是什么概念?
直播间场景的重要性以及有什么影响?
表单的数据采集和提交
表单按钮(下)
表单按钮(上)
20个实用的JavaScript代码片段,助你成为更好的开发者
9个有用又有趣的CSS属性
技术干货






