<label>Text</label>
<div contenteditable></div>

<label>Numeric</label>
<div contenteditable inputmode="numeric"></div>

<label>Email</label>
<div contenteditable inputmode="email"></div>

<label>URL</label>
<div contenteditable inputmode="url"></div>

div {
  border: 1px solid #000000;
  padding: 8px;
}

label {
  display: block;
}

div + label {
  margin-top: 1rem;
}