为什么输出在给定的html代码中有所不同?

时间:2016-11-01 06:38:54

标签: html html5

当我用下面提到的代码片段打开html文件时,在我的浏览器中,我看到一个复选框和一个提交按钮。

<form > 
    <input type = "checkbox" name = "q">
    <input type = "submit">
</form>

但是,当我将第一行与表单一起移动时(如下面的代码片段所示)然后在浏览器中重新加载文件,我看不到复选框。我只看到提交按钮。 我推断,提及第一行以及表单关键字意味着不同的东西。有人能解释一下有什么区别吗?

<form input type = "checkbox" name = "q">
        <input type = "submit">
</form>

PS:我是html和web开发的新手。这可能是一个菜鸟问题。

2 个答案:

答案 0 :(得分:3)

根据定义,<form>标记用于为用户输入创建HTML表单。此表单包含其他元素,例如<input><button><textarea>等。这些元素无法添加到form标记中。

当你写:

<form input type = "checkbox" name = "q">

它会创建一个包含formtype="checkbox"name="q"属性的元素input="",因此它不会创建您想要的复选框。

正确的格式是:

<form>
    <!-- form content -->
</form>

答案 1 :(得分:1)

表单和输入是两种不同的元素。你不能只将它们合并在一起,这没有任何意义。如果您想要输入,则必须有一个输入元素

有一点解释,当你打开这样的标签时:

<form

您在标记之前输入的所有内容,然后由'&gt;'关闭通常是该元素的属性。 E.g。

<form prop1='a' prop2='b'>
  blah blah
</form>

这样的属性就像类或ID。元素不能是属性。