<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.