Question

Is there a simple way to have an input with a default starting text that can’t be removed? For example, I want to input a custom url, it has “www.mysite.com/” (WITHIN the input) and I want the input to continue after that bit, but not be erasable.

Answer 1

Just use:

<label>
    Path: www.mysite.com/<input 
        name="path" 
        value="" 
        placeholder="images/foo.jpg">
</label>

… then add the prefix on the server.

You can style the background and border of the input to be transparent, and then apply a suitable background and border to the <label>