会员登录 | 注册会员 | 学习交流 | 会员中心 | 在线充值 | QQ在线咨询
扫一扫添加微信咨询
咨询电话:199-4385-7008
在线客服:
本站主要提供AICS6、PSCS6、CDRX6、DWCS6、html、CSS样式、js脚本、ASP、PHP等视频教程,近期隆重推出平面设计、网页设计视频教程套装,在线学习结合视频光盘/U盘,是您成为设计大师的必经之路!
您所在的位置:首页 >> 网站前端 >> html基础 >> html教程43:使用input标签制作图片按钮

网站前端

讲师:赵老师[简介] 已录课程:120讲 【本课程讨论区】

html教程43:使用input标签制作图片按钮

在线QQ:3316841367 客服电话:199-4385-7008

您还不是vip会员或者没有登录,无法进入学习,请登录后访问或者联系站长升级会员等级!
为了能给大家提供更好的服务和视频教程,本站VIP课程需要收取一定的学费,具体收费标准根据不同的班级课程和有效期长短有所不同,具体请咨询在线老师,多谢您对本站的支持!

【注册会员】 | 【如何开通VIP会员】 | 【学习点卡充值】
html教程43:使用input标签制作图片按钮、重置按钮及普通按钮

3、使用input标签制作图片按钮

在使用input标签的时候,如果设置type属性为image,这个时候就可以变成一个图片按钮,我们可以准备一张按钮图片,实现按钮的功能,当单击这个按钮时,可以把当前表单的内容提交到目标页。

例如:

<input type="image" name="btn2" src="images/btn.jpg" />

4、使用input标签制作普通按钮

在使用input标签的时候,如果设置type属性为button,这个时候就可以变成一个普通按钮,当单击这个按钮时,默认情况下没有任何提交的动作和反应。

例如:

<input type="button" name="btn3" value="下一步" />

5、使用input标签制作重置按钮

在使用input标签的时候,如果设置type属性为reset,这个时候就可以变成一个重置按钮,当单击这个按钮时,表单里面的内容会回到初始状态。

例如:

<input type="reset" name="btn4" value="重置" />

上一讲:html教程42:使用input标签制作密码框和提交按钮   |   下一讲:html教程44:使用input标签制作单选按钮

如果您对本课程有什么评价或建议,欢迎分享!
* 标 题: 发布人:
* 咨询内容:
是否同步: 同步到交流中心

客服热线(8:00-23:00)

133 4385 7008

在线QQ客服:3316841367 张老师
微信账号:laozhangsoft123

微信公众号