Question

我有这段小代码，我经常遇到这个问题，知道这是不好的做法，我试图找到一种更好的方法来优化这段代码。

<p>Register a house <a href="register.php">here</a>.
<input type="submit" value="Login" onclick="formhash(this.form, this.form.password);" class="login"></p>

正如你所看到的，我已将整个文本包装在<p>标签中，这显然是不好的做法，但我需要将两个东西放在一起，并将它们放在同一段落上肯定是最简单的方法，但最佳做法是什么？

我考虑过使用一个表格，但是使用表格来表示不是表格的一部分似乎也是不好的做法，很多代码都可能令人困惑。

有什么建议吗？提前谢谢。

Answer 1

不确定为什么你认为<p>是不好的做法。但是：

如果更适合您，您可以随时使用<div>和<section>等元素。
使用<label>元素关联输入标签。如果操作正确，单击标签时可以产生很好的效果，以便专注于相应的输入。
易于记住的规则：内联（-block）元素始终可以放在块元素中

Answer 2

这样做的正确和最具语义的方法可能是：

<form>
    <label>Your Label Here</label>
    <input type="text" />
</form>

然而，你的表现确实没有任何问题。如果它工作，它的工作原理。如果您需要在很长一段时间后重新访问代码，清洁度适用于其他人或您自己。

希望这有助于您获得更清晰的代码！

Answer 3

如果您不想使用段落，请将其包装在span或div中：

<div>Register a house <a href="register.php">here</a>.
<input type="submit" value="Login" onclick="formhash(this.form, this.form.password);" class="login">
</div>

输入也最好是在 - 这可以在或

之外

It seems to work the same

使用<p>标签错误，还有什么可做</p>

3 个答案: