<dl>
  <dt><i>選択不可</i>住所</dt>
  <dd><input type="text" placeholder="選択不可" readonly></dd>
</dl>
<dl>
  <dt>Email</dt>
  <dd><input type="email" placeholder="info@....."></dd>
</dl>

input:read-only {
  background: darkgrey;
}

input:read-write {
  border-color: blue;
}

input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  padding: 15px;
  box-sizing: border-box;
}

dt {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
  width: 200px;
  text-align: right;
  padding: 0 16px;
}

dd {
  display: table-cell;
  vertical-align: top;
}

i {
  padding: 0 5px;
  margin-right: 10px;
  overflow: hidden;
  color: red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.