代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body><fieldset>
<legend>Input</legend>
<form>
<div>
<label for="display-name"> Name:
<span class="warning">*(Allows only letters.)</span>
</label>
<input type="text" id="display-name" name="ip-display"
pattern="[A-Za-z\s]+"
maxlength="5" minlength="2" value="Aa" required />
<span></span>
</div>
<div>
<label for="readonly-ip">ReadOnly:</label>
<input type="text" id="readonly-ip" name="ip-readonly"
placeholder="I'm read only." readonly />
</div>
<div>
<label for="disabled-ip">Disabled:</label>
<input type="text" name="ip-disabled"
id="disabled-ip"
value="I am disabled"
disabled />
</div>
<div>
<input type="submit" class="submit" value="Submit" />
</div>
</form>
</fieldset>
</body>
</html>
结果