首页 > 编程知识 正文

html表单居中,表单提交按钮

时间:2023-05-06 10:03:28 阅读:111268 作者:3619

(这次的随笔仅限学习用途)

表单按钮

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

2 .从本质上讲,表单按钮也是一种表单控件,之所以要把它分开单独介绍,是因为它的功能很特别。 提交按钮用于将表单数据提交到服务器,重置按钮用于重置整个表单的数据,普通按钮必须由开发人员授予功能。

3 .用户单击“提交”和“重置”按钮时会发生操作,不需要添加操作。对于普通按钮,必须添加指定的操作,然后用相应的事件触发,才能在事件发生时触发操作否则,单击普通按钮不会发生任何情况。

发送按钮

1 .用户填写完表单后,只需单击“提交”按钮,这些信息就会发送到服务器。 将input元素的type属性设置为submit以创建提交按钮。

2 .创建提交按钮时,input元素的value属性值是按钮上显示的文本。 如果未指定value属性,按钮将缺省显示“提交”。

如果不指定name属性,则发送按钮的名称/值对不会发送到服务器。

4 .这种做法是有益的,因为通常不需要这些信息。 但是,如果表单包含多个提交按钮,则必须为每个按钮指定name属性,以便知道单击了哪个按钮。

5 .默认按钮非常丑陋,因此每个浏览器的外观都不一样。 因此,创建一个干净的图像,并将input元素的type属性设置为“image”,将src属性设置为图像的URL,然后可以将该图像用作发送按钮。 使用图像按钮时,input元素没有value属性。

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

切换注册图像:

在功能上,图像按钮与type=submit的按钮没有任何区别,只是将input元素的value属性替换为图像。 当然,可以在CSS中美化提交按钮的外观,获得类似图像的效果。 这样,在实现相同效果的同时,无需向服务器请求图像,可以减轻服务器的负担。

标签:图像、表单、HTML、提交、按钮、输入和属性

资料来源: https://www.cn blogs.com/sjslove/p/12862482.html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。