三大區(qū)別：
1. disabled 使得我們提交的表單不會包括該值
2. disabled 針對所有的表單元素都有效
readonly 只針對 input(text/password) 和 textarea 有效
3. disabled 阻止點擊事件
<!DOCTYPE html>
<head>
<meta charset="utf-8">
</head>
<body>
<!--
disabled 使得我們提交的表單不會包括該值
服務(wù)端拿到的 body：
{ readonly: 'readonly' }
-->
<form
action="http://localhost:3000/postForm1"
method="post"
style="display: flex; flex-direction:column; width: 200px"
>
<input name="readonly" value="readonly" readonly onclick="hello()" />
<input name="disabled" value="disabled" disabled onclick="hello()"/>
<!--
disabled 針對所有的表單元素都有效
readonly 只針對 input(text/password) 和 textarea 有效
-->
<select readonly>
<option>readonly1</option>
<option>readonly2</option>
</select>
<select disabled>
<option>disabled1</option>
<option>disabled2</option>
</select>
<button type="submit">submit</button>
</form>
<script>
// disabled 阻止點擊事件
function hello() {
alert('hello')
}
</script>
</body>
