如何在输入框中添加固定的国家/地区代码

时间:2019-12-10 12:39:23

标签: html css input

我想添加一个固定的国家(英国)代码,并且该代码在输入框中不可更改,如下图所示:

enter image description here

+44用其他11位数字固定。如何在输入元素中添加它。

N.B:+44在提交表单后还添加了其他值。

2 个答案:

答案 0 :(得分:2)

您需要添加另一个将用作此输入前缀的元素。

correlation = pd.concat([result.corrwith(individual[x]).round(2) for x in corr_with], 
                         axis=1, 
                         keys=corr_with)
#input-wrapper * {
  position: absolute;
}

#input-wrapper label {
  z-index: 99;
  line-height: 25px;
  padding: 2px;
  margin-left: 5px;
}

#input-wrapper input {
  height: 25px;
  text-indent: 35px;
}

如果要添加<div id="input-wrapper"> <label for="number">+44</label> <input id='number' onchange="this.value = '+44' + this.value" type="text"> </div>而不显示为HTML,则可以在JS文件中添加事件。

+44

答案 1 :(得分:1)

您可以将文本放在输入字段的顶部,以使其看起来像在其内部一样。像这样:

<input type="text" name="phone" style="width:3.5em;padding-left:1.5em;font:inherit"><span style="margin-left:-3em;margin-right:10em;">+44</span>