html - 如何在输入框内(或之前)打印美元符号？

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>