相关疑难解决方法(0)

HTML实体解码

如何使用JavaScript或JQuery对HTML实体进行编码和解码？

var varTitle = "Chris&apos; corner";

Run Code Online (Sandbox Code Playgroud)

我希望它是:

var varTitle = "Chris' corner";

Run Code Online (Sandbox Code Playgroud)

html javascript jquery

chr*_*ris

2013 12-12

231
推荐指数

13
解决办法

38万
查看次数

如何将 fa fa 图标放在我的输入文本框中？

我试图在我的 Angular 4 项目的输入文本框中放置一个 fa fa 图标。我尝试了其他 Stack Overflow 答案，但它们对我不起作用。我使用的编码如下：

 <div class="form-group has-feedback">
<input class="form-control "  name="UserName"  type="text"   placeholder="username"><span class="fa fa-user form-control-feedback"></span>
 </div>
 <div class="form-group has-feedback">
 <input class="form-control "  name="PassWord"  type="password" placeholder="password"><span class="fa fa-lock form-control-feedback"></span>
 </div>

Run Code Online (Sandbox Code Playgroud)

输出是这样的：

单击此处查看我的输出

但我想要文本框中的图标：

单击此处查看实际预期输出

css font-awesome bootstrap-4 angular

Ben*_*Ben

2019 08-01

6
推荐指数

2
解决办法

2万
查看次数

如何在搜索框中添加图标

要涵盖的问题：
如何在搜索框/表单
中添加图标如何在输入字段中添加图标

我遇到了以下问题，我无法让 FontAwesome fa-search 图标位于输入字段/搜索框的右侧。

这是表单的图像：
网站标题上的 HTML 搜索表单

链接到这里的表格（不是常青树）：https :
//www.themirrorman.co

这是我的原始代码：

@media screen and (min-width: 800px) {
  #header-search-desktop-div {
      position: absolute;
      left: 180px;
      width: 450px;
      margin-top: 0;
      margin-bottom: 0;
      border: 1px solid #881d98;
      border-radius: 24px;
  }
  #header-search-desktop-div #header-search-fa {
      position: absolute;
      color: #7E7E7E;
      z-index: 100;
      font-size: 27px;
  }
  #header-search-desktop-div .fa-search {
      top: 5%;
      left: 1.5%;
      line-height: 0.8em;
  }
}

Run Code Online (Sandbox Code Playgroud)

<div id="header-search-desktop-div">
    <form role="search" method="get" class="searchform" action="https://themirrorman.co/">
            <span id="header-search-fa" class="fa fa-search">
                <input id="header-search-desktop-input" name="product-search" type="text" …

Run Code Online (Sandbox Code Playgroud)

html css forms wordpress

Vis*_*dry

2017 12-31

5
推荐指数

1
解决办法

1万
查看次数