Как сделать неизменяемую часть в placeholder?

Question

[danyfir]

Есть ли какой-то способ грамотно сделать часть input заблокированной для редактирования, а часть нет? Делать через padding-left как-то не особо хочется... Может есть предложения?

Comments

[archelon]

label {
position: absolute;
}

Answer 1

[Фин Дел]

Comments

[hzzzzl]

воу, классные новые свойства width: max-content, min-content, fit-content , не слышал про такие раньше

Answer 2

[Kataev]

<div>
<label>Фамилия: </label>
<input type="text">
</div>

div {
  position: relative;
} 

label {
  position: absolute;
}

input {
  padding-left: 80px;
}

Answer 3

[dimirsh1]

Используйте jquery библиотеку для placeholder