CSS make textbox fill all available width

Question

I have the following \"line\" in my web page

\"Some Text\"  \"Some more text\"   &l         


        
      

Answer 1

This is not doable in CSS as far as Chrome is concerned. The feasible way is by manipulating the size attribute of the form control through JavaScript. If the length of the string is 25, add an extra of at least 10 for the clearance.

HTML

JavaScript / jQuery

Another option also is by pre-calculating the size from a back-end script.

PHP / HTML