input 标签具有checked属性，而当input标签的type属性设为button时，如果给input标签的checked属性赋值时，在vs中会报错，提示 特性checked不是元素input的有效特性
在HTML中，`<input>`标签是一个非常重要的元素，它用于创建用户可交互的各种控件，如文本框、按钮、复选框等。`checked`属性是与`<input>`标签相关的，它主要应用于`type="checkbox"`或`type="radio"`的输入元素，用于指定该元素在页面加载时是否应处于选中状态。然而，在描述中提到的一个特殊情况下，当`<input>`标签的`type`属性被设置为`button`时，尝试给`checked`属性赋值会导致Visual Studio报错，提示`checked`不是一个有效的`<input>`元素特性。
实际上，`checked`属性确实是为`<input type="checkbox">`和`<input type="radio">`设计的，而不是为`<input type="button">`。对于`<input type="button">`，我们通常用它来创建自定义的按钮，这些按钮并不需要或者支持`checked`属性，因为按钮不存在选中与否的状态。按钮的状态通常由JavaScript或jQuery处理，例如改变其`disabled`属性或通过CSS改变视觉反馈。
尽管如此，如果你尝试在`<input type="button">`上使用`checked`属性，并在浏览器中运行代码，你会发现浏览器并不会报错，并且可以获取到`checked`属性，尽管其默认值始终为`false`。这是因为浏览器对HTML的解析比对语法的检查更加宽松，它允许一些不符合规范的行为，但这并不是标准做法，也不应该依赖这种方式。
在jQuery中，我们可以利用事件监听和DOM操作来实现更复杂的交互逻辑。比如在示例代码中，有一个`<input type="button">`元素，其ID为`CheckedRev`，并且绑定了一个点击事件。当用户点击这个按钮时，jQuery会获取该按钮的`checked`属性（尽管它无效），并弹出一个警告框显示属性值。在这个场景中，`$(this).attr("checked")`总是返回`undefined`，因为`checked`属性并不适用于`<input type="button">`。
正确的使用`checked`属性的方式是：
1. 对于`<input type="checkbox">`，你可以这样设置：
```html
<input type="checkbox" id="myCheckbox" checked>
```
2. 对于`<input type="radio">`，确保只有一个被`checked`：
```html
<input type="radio" id="option1" name="options" checked>
<input type="radio" id="option2" name="options">
```
然后，你可以使用jQuery来操作这些元素的`checked`状态，例如：
```javascript
$("#myCheckbox").prop("checked", true);
$("#option1").prop("checked", false);
```
`checked`属性是用于`<input type="checkbox">`和`<input type="radio">`的，不适用于`<input type="button">`。在实际开发中，应当遵循HTML规范，避免在非兼容元素上使用不适用的属性，以免引起不必要的问题。对于按钮的交互逻辑，应利用JavaScript或jQuery提供的丰富功能来实现。
