如何在输入框内（或之前）打印美元符号？

Question

下面的字段从用户输入中检索每小时工资率。 如何在用户输入小时工资率的输入字段内（或之前）显示“$”符号？

<tr>
<td>Hourly Pay Rate</td>
<td><input type = "number" name = "HPR" min="0" step="0.01"  required></td>
</tr>

Answer 1

 .dollar{ display:inline-block; position: relative; } .dollar input{ padding-left:15px; } .dollar:before { position: absolute; content:"$"; left:5px; top:2px; } 

 <div class="dollar"><input type="number"></div> 

Answer 2

.dollar::before {
    content: "$";
    padding: 0 5px;
    text-align: center;
}

<div class="dollar">
<input type ="text">
</div>

Answer 3

不确定你要求的是什么：

第一个将在输入类型之前放置一个“$”符号

<tr>
<td>Hourly Pay Rate</td>
<td>$<input type = "number" name = "HPR" min="0" step="0.01"  required></td>
</tr>

第二个将在输入类型中放置一个“$”，并在用户开始输入后消失。

<tr>
<td>Hourly Pay Rate</td>
<td><input type = "number" placeholder="$" name = "HPR" min="0" step="0.01"  required></td>
</tr>

Answer 4

在输入框之前，你可以试试这个：

<td>Hourly Pay Rate($):</td> <td><input type = "number" name = "HPR" min="0" step="0.01" required></td>