html - 是否可以在 <input> 字段中放置一个链接？

Question

是否可以在此处放置登录和注册链接？

<input type="text" class="formcontrol" value="Please Login or Register to view your tracking link.">

Answer 1

The <input> element may not have a close tag

Tag omission in text/html:
    No end tag.

这意味着它可能不包含 HTML。

除此之外，它是 Interactive Content ，表示不允许包含<a>元素(或任何其他交互式内容)。 <textarea>也是交互式内容，因此以下也不起作用:

<textarea>Please <a...>Login</a> or <a...>Register</a> to view your tracking link.</textarea>

如果您想为包含链接的字段使用占位符，您需要将元素样式设置为看起来像 <input>。元素:

input,
.input {
  border: 1px solid #888;
  box-sizing: border-box;
  display: block;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
  padding: 2px 5px;
  vertical-align: baseline;
  width: 300px;
}

<input type="text" value="Looks like an input"/>
<div class="input">Looks like an input, <a href="#">but isn't</a></div>