Question

我有以下代码

<div class="form-group" ng-class="{'has-error': datepickerForm.date.$invalid}">
   <i class="fa fa-calendar"></i>
<input type="text" class="form-control" ng-model="selectedDate" name="date" bs-datepicker   placeholder="Date" />
 </div>

我试图将图标放在左侧或右侧的输入框旁边。这段代码现在把它放在两行上。我在这里检查了其他类似的帖子，但我没有使用jquery或他们正在做的方式。请让我知道如何更改代码以将日期图标放在框旁边。

Answer 1

至于我所知道的，<i>标签是<italic>的缩写（至少对于HTML 4.01）。我宁愿尝试使用<img>代码。

另外，为了放置彼此旁边的部分。我会给textarea一个带“display：inline-block”的课程

示例：

<html>
<head>
  <style type="text/css">
    .inline{
      display:inline-block;
    }
  </style>
</head>
<body>
  <div>
    <img class="fa fa-calendar inline" src="yourIcon"></img>
    <input type="text" class="inline"/>
  </div>
</body>
</html>`

在输入框旁边放置图标

1 个答案: