Specify the first character of an input field

Question

I would like to insert a character into the input field before the user has started typing in it, and the user cannot delete this character.

So then when the user types'100' into the field, the resulting string would be 'B100'. The 'B' should be visible.

Any ideas how to do this without javascript? Thanks

score 1 · Answer 1 · answered Apr 11 '20 at 17:52

The padding needs some work but perhaps this

the dupes are better though

span {
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-bottom: 1px solid red;
  padding:1px;
}

input {
  border-left:0;
  border-top: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 1px solid red;
  height:19px;
}

<span>B</span><input type="text" />

Specify the first character of an input field

1 Answers1