javascript - 我应该使用产品注册表中的标签吗？

Question

输入和标签
我知道使用它的原因是因为依赖。 把上面的照片写在这个标签里输入正确吗？？？

我正在处理产品注册页面

<label>
  {label && <span>address</span>}
  <input type={type} placeholder={placeholder} /> 
</label>

我觉得应该写成span & input 例如)

<div>
 {label && <span>address</span>}
<input type={type} placeholder={placeholder} />
<div>

Answer 1

从语义上讲，您希望标签引用输入，或者更确切地说，让输入通过与标签交互来获得焦点。这样做是为了可访问性。

当用 label 元素包装 input 时，默认情况下会出现此行为。这是正确的。

<label>
  {label && <span>address</span>}
  <input type={type} placeholder={placeholder} /> 
</label>

第二个在技术上不是正确的语义 HTML，因为您呈现的实际上是一个标签，而不是对其进行编码。

如果问题是 label 元素是内联的，并且您想要 block 显示 div 那么要么将 CSS 应用于您的标签元素，要么将标签和输入都包装起来在 div 中。