Der HTML-Teil würde so aussehen:
<form>
<fieldset>
<legend>We would like to know a little bit about you</legend>
<span class="form-span">eMail</span>
<input type="text" class="form-input" placeholder="user@example.com">
<span class="form-span">Your Homepage</span>
<input type="text" class="form-input" placeholder="http://www.example.com/">
<span class="form-span">Date of Birth</span>
<input type="date" class="form-input">
</fieldset>
</form>
In CSS kannst du es so gestalten:
form {
width: 500px;
}
legend {
background: rgba(39, 187, 245, 0.8);
border-radius: 20px;
padding: 5px 7px;
}
.form-span {
display: block;
}
.form-input {
border: 1px solid #000;
border-radius: 5px;
width: 100%
}
Hoffe ich konnte dir helfen