loading请求处理中...

HTML提交按钮图标制作方法

2021-12-01 12:32:53 阅读 11942次 标签: 图标设计 作者: 那年今日

    现在随着科技的发展,电脑、手机、平板电脑、电视等数码产品越来越受到广大消费者的青睐了,不仅仅是这方面的发展,还有在编程方面人们也是进步飞快,有java语言、还有html编程,各种各样的编程方法,也是让计算机工作者忙的不可开交,那么现在就来说一说是如何使用htm;来进行提交按钮图标的制作的吧。

HTML提交按钮图标制作方法

HTML提交按钮图标制作方法

   

    一:

   

   

   

   

    二:

    代替submit按钮的图片代码格式是

    代替reset按钮的代码图片格式是

   

    三:

   

   

   

name=RedImg onClick="frm1.action='link.asp'">

    通过onClick="document.form.submit()"来提交表单:onClick="document.form.reset()"来复位表单,这样一来,任何一个元素(不仅是图片)都可以实现提交表单了。在这样子的情况下,还可以自定义图片的长度和宽度等

    使用图片做按钮的几种方法和优劣

    合理的运用图片,能够使站点更加丰富多彩,相信有许多喜欢用图片的设计师都遇到过一个问题:用图片实现表单(form)的重置(reset)按钮时,这个按钮并不能重置表单,相反却执行了提交表单的操作,本文说明了这个问题的原因,并给出了相应的解决方案。

    出现上述问题的原因主要是:普通的按钮是通过类型来区分的,submit 为提交按钮,reset 为重置按钮,而类型为图片(type="image")的按钮,其默认操作是提交表单。因此,如果想用图片实现重置按钮,就需要一些额外的设置了。

    如果想用图片代替重置按钮,可以用下面的方法:

    给 type 为 image 的 input 添加onclick事件来实现重置,并通过添加 return false 来避免默认的提交操作:

   

   

   

       



    新手们看完了上述内容一定有所感悟的,这是一种非常好的提交按钮图标的制作方法。不仅方便理解,还非常的简单易学的。以上就是我们的小编今天所介绍给大家的内容哦,希望对大家的编程、写代码还有html方面的知识有所了解哦。

软件UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
软件UI设计相关任务
DESIGN TASK 更多
中学广播站LOGO设计

¥500 已有27人投标

为幼儿园设计园徽

¥500 已有48人投标

企业LOGO设计

¥500 已有8人投标

pc网站ui设计

¥100 已有1人投标

羊肠线清洗机设计

¥20000 已有0人投标