是否可以在<input>字段内放置链接？

Question

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

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

Answer 1

该<input>元素可以没有结束标记

text / html中的标记省略：
    无结束标记。

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

最重要的是，它是Interactive Content，这意味着它不允许包含<a>元素（或任何其他Interactive Content）。<textarea>也是交互式内容，因此以下内容也不起作用：

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

如果要对包含链接的字段使用占位符，则需要对元素进行样式设置使其看起来像<input>元素：

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

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;
}

Answer 2

不，这是不可能的。

您可以将标记的值设置input为某种链接，但它不能用作超链接。用户访问该 URL 的唯一方法是将其复制然后粘贴到 URL 栏。

<a>你应该做的是在这个标签后面放置一个标签input，这是大多数网站所做的。