Question

我不明白使用<form>代码有什么好处。

请查看以下代码：

<html>
<head>
<script>
function check(browser) {
    document.getElementById("answer").value=browser;
}
</script>
</head>
<body>

<p>What's your favorite browser ?</p>

<form>
<input type="radio" name="browser" onclick="check(this.value)" value="Internet Explorer">Internet Explorer<br>
<input type="radio" name="browser" onclick="check(this.value)" value="Firefox">Firefox<br>
<input type="radio" name="browser" onclick="check(this.value)" value="Opera">Opera<br>
<input type="radio" name="browser" onclick="check(this.value)" value="Google Chrome">Google Chrome<br>
<input type="radio" name="browser" onclick="check(this.value)" value="Safari">Safari<br>
<br>
Your favorite browser is: <input type="text" id="answer" size="20">
</form>

</body>
</html>

如果我删除标签：“form”和“/ form” 我得到了相同的结果。那有什么不同？

由于

Answer 1

如果我删除标签：“form”和“/ form”我也是一样的结果

是。在客户现场。

尝试将其发布到服务器。您不会能够在服务器端读取任何内容。

换句话说，如果你添加：

<input type="submit" />

服务器不知道如何读取这些值。

表单将其输入值（+ select，textarea等...）发布到服务器。然后您可以在服务器端读取这些值。

其他好处/功能

为form指定名称可让您通过姓名访问其子输入：alert(myForm.myUserInputName)
您可以使用target属性使帖子在其他iframe /位置中产生结果/响应。
您可以通过GET而不是POST来使页面自行发布，这将导致所有输入值都为QueryString。

Answer 2

首先，您可以将调用操作设置为表单标记中的属性。

然后还有另一个属性“方法”，它决定它是获取请求还是后请求。

您的网站上可能还有多个表单，只想在表单标记中发送数据。

<input>

如果单击第一个提交按钮，form1将作为get请求与field1一起发送。如果单击第二个按钮。 form2将作为邮寄请求发送。

希望有助于理解。

Answer 3

它曾经为浏览器和开发者提供了意义

http://www.w3schools.com/html/html5_semantic_elements.asp

语义学是研究单词和短语的意义   语言。

语义元素是具有意义的元素。

当你想要提交＆＃34;它时也会使用它。例如，GET / POST格式，用于将数据保存到数据库。

Answer 4

表单标签用于将数据“提交”到控制表单行为的应用程序：例如，如果您有一个注册表单，您将拥有一个“接受”表单中数据的后端语言然后将其存储在数据库中。

要使语言能够接受数据，需要使用表单标记，因为它们具有“action”属性。

此外，当您有表单标签时，用户可以按Enter键提交表单。

正如Kevin P.所说，它们在语义上也很有用。

使用“表单”标签有什么好处？

4 个答案: