<form action="">
<fieldset disabled>
<label for="email">email</label>
<input name="email" id="email" type="email">
<label for="age">age</label>
<input name="age" id="age" type="number">
<button>Submit</button>
</fieldset>
</form>
fieldset {
display: contents;
}
form {
display: flex;
flex-direction: column;
gap: 6px;
max-width: 400px;
background-color: black;
color: white;
padding: 24px;
border-radius: 8px;
margin-inline: auto;
margin-top: 40px;
}
button {
background-color: green;
color: white;
border: 0;
padding: 8px;
border-radius: 4px;
margin-top: 16px;
}
body {
font-family: system-ui;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.