title: HTML input tag without a textbox
body: <p>I am trying to create a cart feature by creating a form and setting different inputs as the value that would be sent to a servlet in order to be processed. There would be multiple products on the page and <kbd>addtocart</kbd> button next to them. Like the <a href="https://i.stack.imgur.com/fH7e9.png" rel="nofollow noreferrer">screenshot</a> here:</p>
  <p><img src="https://i.stack.imgur.com/fH7e9.png" alt="" /></p>
  <p>But my problem is each input tag comes with a text box that would ruin the page. How do I get rid the text boxes.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;form name=&quot;electronicsitemscart&quot; action=&quot;electronicsitemscart&quot; method=&quot;get&quot;&gt;
  
      &lt;input name=&quot;kind&quot; value=&quot;2021 Apple 11-inch iPad Pro (Wi-Fi, 128GB) - Space Gray&quot;&gt;
  
      &lt;input name=&quot;price&quot; value=&quot;800&quot;&gt;
  
      &lt;input name=&quot;orderbutton&quot; class=&quot;cbutton&quot; type=&quot;submit&quot; value=&quot;Addtocart&quot;&gt;
  &lt;/form&gt;
  </code></pre>