title: How to set the width of a text input field in a form to a percentage of page width?
body: <p>I am trying to set the width of a text input field as a percentage of total page width, as follows: </p>
  
  <pre><code>&lt;input type="text" id="url" NAME="otherSite" size="70%" value=""/&gt;
  </code></pre>
  
  <p>This doesn't seem to work.  It seems I can specify the width of an input field only in absolute terms.</p>
  
  <p>Short of going to javascript, is there any simple way?  I am trying to have it look good both on desktop and mobile, where the windows are likely to be of very different size.</p>