首页 / HTML / HTML 表单按钮

HTML 表单按钮

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML 表单按钮，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含986字，纯文字阅读大概需要2分钟。

内容图文

本文链接：https://blog.csdn.net/ixygj197875/article/details/79933991

 

（本次随笔仅作为学习用途）

表单按钮

　　1. 表单按钮一般分为三类，分别是提交按钮、重置按钮和普通按钮。提交按钮、重置按钮只能在表单中使用，普通按钮则可以在网页的任何地方使用。

　　2. 从本质上讲，表单按钮也是表单控件，之所以把它分离出来，单独介绍，是因为它的功能比较特别。提交按钮用于把表单数据发送到服务器，重置按钮用于重置整个表单的数据，普通按钮则需要开发者赋予它功能。

　　3. 当用户点击提交按钮和重置按钮时，就有动作发生，一般不需要添加动作；而普通按钮，必须加上指定的动作，并通过相应的事件来触发，才会在事件发生时激发动作，否则点击普通按钮，什么也不发生。

提交按钮

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

　　2.  在创建提交按钮时，input 元素的 value 属性值，为按钮上显示的文本。如果没有提供 value 属性，则按钮上默认显示“提交”。

　   3.  如果不提供 name 属性，则提交按钮的名/值对就不会发送给服务器。

　　4. 由于通常不需要这些信息，因此，这种做法是有益的。但是，如果表单上有多个提交按钮，就需要为每个按钮提供 name 属性，以便能够知道哪个按钮被点击。 

 

 

 　　5. 由于默认的按钮非常丑陋，并且不同浏览器下的外观又不尽相同。因此，可以创建一幅漂亮的图像，再把 input 元素的 type 属性设置为“image”，把 src 属性设置为图像的URL，就可以使用该图像作为提交按钮。使用图像按钮时，input 元素没有value属性。

技术分享图片

 

技术分享图片

　　当用户将鼠标悬停在图像按钮上时，浏览器会将箭头替换为手形图标。

 

 

切换注册图片：

 

技术分享图片

 

 

 　　在功能上，图像按钮跟 type=submit 的按钮没任何区别，只是用图像取代 input 元素的 value 属性而已。当然，完全可以通过CSS 来美化提交按钮的外观，达到图像一样的效果。这样，在实现了相同效果的同时，又不必向服务器请求图像，可以减少服务器的负担。

 

 

 

 

 

 

原文：https://www.cnblogs.com/sjslove/p/12862482.html

内容总结

以上是互联网集市为您收集整理的HTML 表单按钮全部内容，希望文章能够帮你解决HTML 表单按钮所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1307540.html

来源：【匿名】