<label><span data-val="0"><input type="text" value="0" oninput="this.parentElement.dataset.val = this.value"></span>KZT</label>

	input, label
	{
		font: 18px sans-serif;
	}
	input
	{
		border: none;
		outline: none;
    padding: 0;
    margin: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 20px;
	}
  input::-ms-clear {
    display: none;
  }
	label
	{
		border: 1px solid #aaa;
		border-radius: 3px;
		display: inline-block;
		min-width: 150px;
		padding: 3px;
    line-height: 25px
	}

	label:focus-within
	{
		border-color: dodgerblue;
	}

	span
	{
		position: relative;
	}
	span::before
	{
		position: relative;
		display: inline-block;
		content: attr(data-val);
		white-space: pre;
		max-width: 300px;
		min-width: 3px;
		height: 20px;
		overflow: hidden;
    padding: 0 3px 0 0;
	}