如何将活动链接插入到输入文本框？答案

【问题标题】：How to insert an active link to an input textbox?如何将活动链接插入到输入文本框？
【发布时间】：2015-02-20 03:22:04
【问题描述】：

是否可以在输入文本框中插入活动链接？

我尝试在 html 的值中使用 <a> 标记，但它不起作用。

<?php $email = "<a href=\"example@link.com\">example@link.com </a>"; ?>   

<input type="text" id="email" name="email" value="<?php echo $email; ?>">

它只返回没有超链接值的文本。

【问题讨论】：

需要了解转义字符串中的引号
抱歉。我忘了转义引号。我已经编辑过了。但有可能吗？
您的期望是什么？

标签： php jquery html

【解决方案1】：

这里有几件事是错误的......

你没有逃避你的报价。因此 PHP 是无效的。
您试图将 HTML 放入属性中，这也是无效的。

我可以看到在这里使用的唯一替代方法是应用了contenteditable="true" 的HTML 元素。这使得元素（例如<div>）可以修改其内容。

<?php $email = "<a href=\"example@link.com\">example@link.com </a>"; ?>   
<div id="fake-email" contenteditable="true"><?php echo $email; ?></div>

如果您正在填写表格，请查看此related question。

编辑：

如果您正在尝试制作表格，那么这是一个示例：

document.getElementById("form").onsubmit = function(){
    document.getElementById("email").value =  
    document.getElementById("fake-email").innerText || document.getElementById("fake-email").textContent;
}

虽然您的表单是：

<form action="..." method="..." id="form">
   <div id="fake-email" contenteditable="true"></div>
   <input type="hidden" id="email" name="email" />
</form>

【讨论】：

无需在您创建的每个答案中都提醒用户接受它
@charlietfl OP是新人，这是他们的第一个问题，通常新手不会在没有通知的情况下接受答案。
他们得到提醒，但仍然不是做你正在做的事情的常见做法
@charlietfl According to this 可以提醒他们。没有必要为此争论，所以让我们放弃吧。
@Xero meta.stackoverflow.com/a/251298 声明 “如果您在这种情况下发表评论......。他们的意思是发表评论而不是将其放在答案中。因此，在下方发表评论如果 OP 没有回应，OP 的问题就足够了。没有人攻击你；我们只是说请不要把事情个人化。我自己有很多不被接受的答案，所以我理解。

【解决方案2】：

不，这是不可能的。输入值将始终呈现为纯文本。如果用户不需要编辑链接，我只需将其放在输入旁边。

否则，您可能需要研究 WYSIWYG 编辑器。指向以下两个最受欢迎的链接。

TinyMCE

CKEditor

【讨论】：

【解决方案3】：

将引号包含在您的 php 变量中时，您需要对其进行转义。

<?php $email = "<a href=\"example@link.com\">example@link.com </a>"; ?>

使用双引号时需要使用反斜杠。

或者，你可以这样写：

 <?php $email = '<a href="example@link.com">example@link.com </a>'; ?>

如果以单引号开头，则不需要转义双引号。 \

我强烈建议您在需要时阅读转义字符。

【讨论】：