Javascript “使用”的好处是什么;表格「;标签?

Javascript “使用”的好处是什么;表格「;标签?,javascript,html,Javascript,Html,我不明白使用标签有什么好处 请看以下代码: <html> <head> <script> function check(browser) { document.getElementById("answer").value=browser; } </script> </head> <body> <p>What's your favorite browser ?</p> <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>

功能检查(浏览器){
document.getElementById(“应答”).value=browser;
}
你最喜欢的浏览器是什么

Internet Explorer
Firefox
歌剧
谷歌浏览器
狩猎

您最喜欢的浏览器是:
如果我要删除标记:“form”和“/form” 我得到了同样的结果。那么有什么不同呢


谢谢

它被用来为浏览器和开发者提供意义

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

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


当您想以GET/POST的形式“提交”表单时,也可以使用它,例如,将数据保存到数据库中

表单标记用于向控制表单行为的应用程序“提交”数据:例如,如果您有一个注册表单,您将使用后端语言“接受”表单中的数据,然后将其存储在数据库中

对于能够接受数据的语言,表单标记是必需的,因为它们具有“action”属性

此外,当您有表单标记时,用户可以按Enter键提交它

正如Kevin p.所说,它们在语义上也很有用

如果我删除标签:“form”和“/form”,我得到的是相同的 结果

对。在客户端

尝试将其发布到服务器。您将无法在服务器端读取任何内容

换句话说,如果您添加:

<input type="submit" />

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

表单将其输入值(+select、textarea等)发布到服务器。然后可以在服务器端读取这些值

其他优点/特点

  • 表单提供名称
    允许您通过其名称访问其子输入:
    警报(myForm.myUserInputName)
  • 您可以使用
    target
    属性使post在其他iframe/位置中生成其结果/响应
  • 您可以通过GET而不是post来发布页面本身,这将导致所有输入值都被设置为QueryString

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

然后还有另一个属性“method”,它决定是get请求还是post请求

您的网站上也可能有多个表单,只想在表单标签中发送数据

<form id="form1" action="http://localhost/urlone" method="get">
    <input type="text" name="field1" />
    <input type="submit" />
</form>

<form id="form2" action="http://localhost/urltwo" method="post">
    <input type="text" name="field2" />
    <input type="submit" />
</form>

如果单击第一个提交按钮,form1将与字段1一起作为get请求发送。如果单击第二个按钮。表格2将作为post请求发送


希望这有助于理解。

当您不想使用JavaScript并向服务器上的脚本提交表单字段集合时,可以使用表单标记。在您的示例中,表单元素是不需要的。虽然您没有表单(轻松提交到服务器)的常规特权,但您仍然可以使用它使标记具有语义。表单是一个HTML标记,基本上用于提交所有编辑器模板内容。这可能会有所帮助-。干杯虽然允许,但在输入标记上没有结束斜杠,它们被所有东西忽略。在xhtml中,您必须关闭每个标记。但在例如html5中,它不是必需的。你是对的。