How can I add an unremovable prefix to an HTML input field?

Question

Using jQuery, how can I add a default value of http:// into an input field that can’t be removed, but that still allows you to type a URL after it?

Defa

Answer 1

This is just me playing around, but you can make a fake extension of the textbox. This example basically chops off the left border of the textbox and concatenates a fake textbox to the left.

Works only in Chrome AFAICT. You will have to add conditional stylesheets for each browser if you decide on this method.

http://jsfiddle.net/G9Bsc/1/