<label for="text">Text Input:</label>
<input type="text" id="text">

<label for="email">Email Input:</label>
<input type="email" id="email">

<label for="password">Password:</label>
<input type="password" id="password">

<input type="hidden" value="abc" />

<textarea rows="5" cols="33" readonly>Lorem ipsum dolor sit amet consectetur adipisicing elit. A, nostrum et? Officiis magni quidem voluptatum libero! Vitae nesciunt atque suscipit reiciendis est ex, voluptate nisi aut nemo eos nam laboriosam.</textarea>

<input type="text" placeholder="Readonly Field" readonly>
<input type="text" placeholder="Disabled Field" disabled>
<input type="text" placeholder="10 - 20" maxlength="20" minlength="10">
<input type="text" placeholder="Spellcheck Enabled" spellcheck="true">
body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.