Javascript 在表单字段HTML/JQuery中单击显示图像

当我使用HTML/jQuery或JavaScript在表单字段中单击时，是否可以使图像可见

这是我的表单字段（在Laravel中）：

{！！Form:：label（'twitter'，'twitter:'）
{！！Form:：text（'twitter'，null，['class'=>'Form-control']）

html部分：

<a href="http://ss">
    <img width="16"
    src="https://s3.amazonaws.com/htmlsig-assets/round/twitter.png" alt="Twitter">
</a>

---

如果您正在使用引导，并且当您单击任何表单字段时，请从img标记中删除隐藏的类，请首先在映像中保留隐藏的类

如果您不使用引导，那么同样可以使用css实现

假设您的锚标记隐藏了类

$("input").on("focus", function() {
    $(a).removeClass("hidden");
 }

---

给链接一个ID，使用CSS隐藏它

#linkId { display:none }

做

$(function() {
 $(".form-control").on("click",function() {
   $("#linkId").show();
 });
});

如果为空，则删除：

$(function() {
 $(".form-control").on("focus, keyup",function() {
   $("#linkId").toggle(this.value!="");
 });
});

---

这显然是答案。如果我想删除表单中的所有字符，那么我应该怎么做呢？非常感谢你。

$(function() {
 $(".form-control").on("focus, keyup",function() {
   $("#linkId").toggle(this.value!="");
 });
});