title: Text fields in Chrome Extensions?
body: <p>So recently I have been getting into making Chrome Extensions. I want to add a text input field when a button is clicked, like this: </p>
  
  <p>manifest:
      ...</p>
  
  <pre><code>"browser_action":{
  "default_icon": "icon.png",
  "default_popup":"popup.html"
  },
  "background":{
  "scripts": ["background.js"]
  },
  
  "permissions":["tabs"]
  
  }
  </code></pre>
  
  <p>background.js:</p>
  
  <pre><code>function textfield(){
  var field = document.createElement("INPUT");
  field.setAttribute("type","text");
  field.setAttribute("value","Id:");
  document.body.appendChild(field);
  }
  </code></pre>
  
  <p>popup.html:
      ...</p>
  
  <pre><code>    &lt;button onclick="textfield()"class="button"type="button"&gt;Regulations&lt;/button&gt;
  </code></pre>
  
  <p>So the problem I am having is that I cannot figure out why the text field is appearing. The onclick does work, but it is not being generated for some reason.
  Any ideas? </p>