常见有:hidden、checked、selected、disabled、autoplay、loop、controls
1. 静态数据使用
指定的任何数据包括空串,都会渲染为真
通常仅仅指定属性,表示功能启用;不指定该属性,则不启用
按钮 button - 以下几种写法均表示被禁止
<button disabled="true">submit</button>
<button disabled="false">submit</button>
<button disabled="">submit</button>
<button disabled="123">submit</button>
<button disabled>submit</button>
button:disabled {
background-color: red;
}
单选按钮 radio - male 被选中;应该显式指定 value
<input type="radio" name="gender" value="male" checked>male
<input type="radio" name="gender" value="female">female
多选按钮 checkbox - 根据需要指定 value;其它使用同 radio
2. 绑定数据使用
可使用 常量关键字 true 或 false、布尔变量或表达式
<button :disabled="true">submit</button>
<button :disabled="false">submit</button>
<button :disabled="isEnable">submit</button>
<button :disabled="age > 20">submit</button>
单选按钮的绑定
let gender = "male"
<input type="radio" name="gender" value="male" :checked="gender=='male'">male
<input type="radio" name="gender" value="female" :checked="gender=='female'">female