如何爲輸入類型編號字段設置％符號

如何爲輸入類型「編號」字段設置％符號默認值。我使用的輸入種類號碼欄，當我試圖進入任何我想要顯示爲％符號的輸入字段如何爲輸入類型編號字段設置％符號

2017-05-04 MNK

使用正常的文本類型輸入並使用js來防止其他字符除外％ –

最終值是否需要變成如下所示的字符串：「10％」？如果是，您可以在保存/使用它之前修改最後的值，並在輸入字段旁邊寫一個「％」，以使用戶明白他必須輸入一個百分比數字。附：是的，你也可以使用javascript來限制用戶可以輸入的字符，就像Rakesh Soni說的那樣。 – nonzaprej

不可能在'數字'輸入中使用字符。必須使用類型'文本'而不是 – Zooly

您可以使用下面這個代碼，檢查以下片斷

.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>

來源

2017-05-04 09:49:59

我想在輸入字段後面顯示％符號 – MNK

如果你需要在輸入字段中顯示'％'字符，那麼使用javascript來限制字符用戶可以輸入，就像Rakesh Soni/nonzaprej說的那樣。 –

如何爲輸入類型編號字段設置％符號

回答

相關問題