如何为输入类型编号字段设置％符号

Question

如何为输入类型“number”字段设置％symbol default。当我尝试输入任何我想用％符号

显示输入字段的内容时，我正在使用输入类型编号字段

Answer 1

您可以使用以下代码，请查看以下代码段

＆＃13;

＆＃13;

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

＆＃13;

<div class="input-group">
	<input name="number" type="number" id="number" class="form-control" />
	<label class="input-group-addon" for="number">%</label> 
</div>

＆＃13;

＆＃13;

＆＃13;