Wie kann ich drucken Sie ein dollar-symbol innerhalb(oder vor) dem Eingabe-Feld?

Feld unten ruft hourly rate zahlen aus Benutzereingaben. Wie kann ich ein " $ " - Zeichen in (oder vor) dem Eingabefeld, wo der Benutzer Typen in der stündlichen rate zahlen?

<tr>
<td>Hourly Pay Rate</td>
<td><input type = "number" name = "HPR" min="0" step="0.01"  required></td>
</tr>
InformationsquelleAutor javaprogrammer | 2016-01-25
  1. 0

    Nicht sicher, was Ihr bittet :

    erste einfach ein "$" - Zeichen vor der Eingabe Typ 

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

    zweiten wird man ein "$" in der Eingabe und verschwindet, sobald der Benutzer mit der Eingabe beginnen.

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

    CSS:

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

    HTML:

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

    • vielen Dank für die Lösung
    InformationsquelleAutor Cris
  3. 1
    .dollar::before {
    content: "$";
    padding: 0 5px;
    text-align: center;
}
    <div class="dollar">
<input type ="text">
</div>
    InformationsquelleAutor dham_tharan
  4. 0

    Vor dem Eingabefeld können Sie versuchen, diese:

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

    InformationsquelleAutor Bijal
Schreibe einen Kommentar