Is it possible to create an input field with two fixed and predefined entries on opposite sides? I want to have the placeholder "Name" on the left side and the placeholder "Michael" on the right side of the input field. The text should start from the right when the user begins typing, but the placeholder "Name" should always remain visible.
For example:
[Name:------------------Michael]
[Last name:--------------Dawson]
[City:-----------------New York]
The user will provide information such as 'Michael', 'Dawson', and 'New York' by typing them in.
Prior to the user entering any text, the layout should look like this:
[Name:-------------------------]
[Last name:--------------------]
[City:-------------------------]
As the user starts typing, their input will begin from the right side.
[Name:-----------------------Mi]
[Name:---------------------Mich]
[Name:------------------Michael]
Can this functionality be achieved using just HTML/CSS?