title: Multiline questionaire editable
body: <p>I want to create a multiline field for a questionaire-like form similar to the ones you see in interactive PDF documents.</p>
  
  <p>The input field must span the whole width and wrap at the end of the line or at least after a fixed number of characters.
  The caption does not necessarily have to be in the same line:</p>
  
  <pre>Please introduce yourself: _____________________________
  ________________________________________________________</pre>
  
  <p>There are several things I have tried to achieve this:</p>
  
  <ul>
  <li><code>&lt;p contentEditable="true"&gt;</code> or <code>&lt;textarea&gt;</code> did not work for me, because <code>border-bottom:</code> only works for the last line and <code>text-decoration: underline;</code> does not cover the empty space.</li>
  <li>then I created multiple <code>&lt;input type="text"&gt;</code> below each other and wrapped the text using javascript events. This works for simple text-input but fails on selecting text, inserting text somewhere in between etc. This just gets too complicated and since this should support as many ebook devices as possible this probably will not survive the testing phase.</li>
  </ul>
  
  <p>I want to use this inside an ePUB-book, but feel free to post answers regarding web-browser-behaviour. I do not want to use JQuery though.</p>