HTML - I cannot copy the value from a read-only input type

Question

I have an input set to read-only

<input type="text" placeholder="{some variable}" class="form-control" readonly>

When I open this in chrome, I cannot copy the text, which is important. I have tried also 'disabled' status, but the same issue.

What is the way to set the code so I can copy the value from the browser?

Big thanks!

Sascha Geier · Accepted Answer · 2022-03-29 08:57:35Z

3

You need to set the value of that input-field instead of the placeholder:

<input type="text" value="{some variable}" class="form-control" readonly>

answered Mar 29, 2022 at 8:57

Sascha Geier

1631 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1