Wie wird das% -Zeichen für das Eingabefeld "number" eingestellt? Ich bin mit Eingabetyp Nummernfeld, wenn ich versuche, etwas gelange ich in das Eingabefeld mit Symbol% Wie wird% -Symbol für das Feld für den Eingangstyp festgelegt?
Sie können zeigen will hierfür folgenden Code verwenden, unter überprüfen Snippet
.input-group {
display: table;
white-space: nowrap;
vertical-align: top;
width: 100%;
}
.input-group .form-control {
display: table-cell;
vertical-align: top;
width: 100%;
}
.input-group .input-group-addon {
display: table-cell;
width: 1%;
vertical-align: top;
background: #2f353e;
color: #fff;
font-size: 1.15rem;
line-height: 19px;
padding-left: 10px;
padding-right: 10px;
}<div class="input-group">
\t <input name="number" type="number" id="number" class="form-control" />
\t <label class="input-group-addon" for="number">%</label>
</div>Ich möchte das Symbol% mit in Eingabefeld nach der Nummer – MNK
anzeigen Wenn Sie '%' Zeichen innerhalb Eingabefeld anzeigen müssen, dann verwenden Sie Javascript, um die Zeichen zu begrenzen Benutzer kann eingeben, wie Rakesh Soni/nonzaprej sagte. –
Verwenden Sie normale Texteingabe und verwenden Sie js, um andere Zeichen außer% –
zu verhindern. Muss der endgültige Wert eine Zeichenfolge wie diese werden: "10%"? Wenn ja, können Sie den Wert am Ende vor dem Speichern/Verwenden ändern und einfach ein "%" neben das Eingabefeld schreiben, damit der Benutzer versteht, dass er eine Zahl eingeben muss, die ein Prozentwert ist. p.s. Ja, Sie können Javascript auch verwenden, um die Zeichen zu begrenzen, die der Benutzer eingeben kann, wie Rakesh Soni sagte. – nonzaprej
Es ist unmöglich, ein Zeichen in einem 'number'-Eingang zu verwenden. Verwenden Sie stattdessen den Typ "text" – Zooly