HTML表单是为您的网站添加交互性的最基本方法之一。您可以向读者提问并征求答案,从数据库中提供其他信息,设置游戏等。您可以使用许多HTML元素来构建表单。一旦构建了表单,就有许多不同的方法可以将这些数据提交给服务器,或者只是启动表单操作。
您可以通过以下几种方式提交表单:
-
- 这是将数据提供给服务器的最常用方法,但它看起来非常简单。
-
- 使用图像可以非常轻松地使提交按钮与您网站的风格相匹配。但有些人可能不会将其视为提交按钮。
-
- 按钮
INPUT tag提供了许多与图像相同的选项
INPUT 标签,但看起来更像标准的提交类型。它需要JavaScript才能激活。
- 按钮
-
- 该
BUTTON 标签是一种比通用类型更多的按钮
INPUT 标签。此标记需要Javacript才能激活。
- 该
- 该
命令 元素是HTML5中的新元素,它提供了一种激活具有相关操作的脚本和表单的方法。它是用JavaScript激活的。
- 该
INPUT元素
输入
INPUT element是提交表单的最常用方法,您只需选择一种类型(
按键,
图片, 要么
提交)并在必要时添加一些脚本以提交给表单操作。
该 元素可以像这样写。但是如果你这样做,你会在不同的浏览器中得到不同的结果。大多数浏览器都会创建一个“提交”按钮,但Firefox会生成一个“提交查询”按钮。要更改按钮所说的内容,您应该添加一个属性:
value =“提交表格”>
元素是这样写的,但是如果你不使用所有其他属性,那么浏览器中显示的所有属性都是一个空的灰色按钮。要向按钮添加文本,请使用
值属性。但是,除非您使用JavaScript,否则此按钮不会提交表单。
的onclick = “提交();”>
类似于
按键type,需要脚本来提交表单。除了代替文本值,您需要添加图像源URL。
按钮元素
该
BUTTONelement需要开始标记和结束标记。当您使用它时,您在标签内包含的任何内容都将包含在一个按钮中。然后用脚本激活按钮。
提交表格
您可以在按钮中包含图像,也可以组合图像和文本以创建更有趣的按钮。
命令元素
该
命令元素是HTML5的新功能。它不需要
形成 要使用,但它可以作为表单的提交按钮。除非您确实需要表单,否则此元素允许您创建更多交互式页面而无需表单。如果你想要命令说些什么,你可以用a来写信息
标签属性。
label =“提交表格”>
如果您希望命令由图像表示,则使用
图标属性。
图标= “submit.gif”>
正如您在上一页中所了解的那样,HTML表单有几种不同的提交方式。其中两种方法是
INPUT标签和
输入元素
标签是提交表单的最简单方法。它不需要标签本身,甚至不需要
值当客户点击该按钮时,它会自动提交。您无需添加任何脚本,浏览器知道在提交时提交表单
INPUT单击标签。
问题是这个按钮非常丑陋而且很简单。您无法向其添加图像。您可以像任何其他元素一样设置样式,但它仍然可以像一个丑陋的按钮。
使用
INPUT即使在已关闭JavaScript的浏览器中,您的表单也必须可访问的方法。
按钮元素
该
BUTTONelement提供了更多提交表单的选项。你可以放任何东西
BUTTON元素并将其转换为提交按钮。最常见的人使用图像和文本。但你可以创建一个
DIV 如果你愿意,可以将整个事情作为提交按钮。
最大的缺点是
BUTTON元素是它不会自动提交表单。这意味着需要某种类型的脚本来激活它。因此,它比它更容易接近
INPUT方法。任何未启用JavaScript的用户将无法提交仅包含a的表单
BUTTON提交它的元素。
使用
BUTTON表格上的方法并不重要。此外,这是在一个表单中添加其他提交选项的好方法。