Question

英语不是我的母语所以当我看到像......这样的标签时，我有点困惑。

表单，输入， textarea ，选择， fieldset ，标签等..

你能告诉我，告诉我何时，为什么以及如何使用这些标签来制作HTML表格。这更像是一个SEO问题，甚至......你知道，你可以这样写：

<form ...>
  <p><input type="text" /></p>
  <p><input type="password" /></p>
  <p><button>I Won't Bite!</button></p>
</form>

但谷歌不会高兴，我百分百肯定它也不会是正确的。是的，它会起作用，因为你可以设置标签的样式，使其与CSS一样，但它仍然不正确......启发我，好人！

Answer 1

我认为您正在寻找的引用是HTML spec on the <form> element。

如果您不确定您的标记在语义上是否有效，可以使用W3C Makrup Validator进行检查，但通常不值得使您的标记100％有效 - 更重要的是创建一个外观和在浏览器中合理地工作。

至于SEO，SO已经有ton of relevant questions，例如What is the best way to structure an HTML document for SEO and accessibility?

Answer 2

 <form action="W" method="X"></form>

HTML表单是可以在各种功能中使用的代码片段。最常见的用法是使用GET方法或POST方法将数据发送到其他页面。

表单操作值W将替换为处理脚本的URL。表单方法值X将替换为GET或POST。

<input type="text" />

从用户那里获取输入的文本字段。

<input type="password" />

密码字段本身仅隐藏用户屏幕上的文本浏览器和服务器之间的安全链接是一个单独的问题

 <textarea>

这会将文本放在一行，直到按下回车键

<select>标记用于创建选择列表（下拉列表）。

select元素中的<option>标记定义列表中的可用选项。

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<fieldset>标记用于在逻辑上将表单中的元素组合在一起。 <fieldset>标记会在相关表单元素周围绘制一个框。

  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" size="30" /><br />
    Email: <input type="text" size="30" /><br />
    Date of birth: <input type="text" size="10" />
  </fieldset>

<label>标记定义输入元素的标签。

  <label for="male">Male</label>

Answer 3

SEO用于优化内容，以便搜索引擎可以在内容中找到重要的关键字。优化表单没有实际价值，因为这只是为用户定义输入字段的标记。表单用于将数据发布到服务器。我认为很多搜索引擎甚至会跳过表格。

在HTML中创建表单时使用正确的标记？

3 个答案: