-1

我正在练习使用 HTML 和 Bootstrap 4 制作一个简单的模式登录表单。我打算将图标放入我的电子邮件和密码字段中，以使其看起来很有趣。但是，看起来大多数执行此操作的方法是使用 css 将图标添加到输入字段中。我想知道，您可以在不使用 css 的情况下将图标添加到输入字段中吗？

4

1 回答 1

0

您可以使用图标将源代码添加到您的脑海中，然后将它们与类一起使用。

<script src="https://kit.fontawesome.com/a076d05399.js"></script>

<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>

为了使它看起来像在输入字段内，您需要使用一些 css。它可以在您的行内：

<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<body>

<div id="yourDiv" style="border:1px solid black; width:200px">
  <i class="fas fa-heart"></i>
  <input style=border:0px>
</div>


</body>

于 2021-03-03T10:45:22.767 回答