Coding for All
Lesson 8: Buttons and Inputs
Buttons and Inputs Add the controls that apps are made of.
1<h1>Pizza Order Form</h1>
2<input placeholder="Your name">
3<button>Order pizza</button>
Terminal
Every line, explained
<h1>Pizza Order Form</h1>
A title for the little form.
<input placeholder="Your name">
<input> is a text box. It has no closing tag: there is nothing to put inside a text box's tags, so it stands alone. The placeholder attribute is the grey hint text shown until someone types.
<button>Order pizza</button>
<button> draws a real, clickable button with your text on it. Click it in the preview: nothing happens! HTML can only describe WHAT is on the page. Making buttons DO things needs JavaScript, and the Build a Website course gets you there.