本文主要介绍了HTML的输入标记及其禁用方法，并总结了禁用禁用属性在CSS中使用的几种方法。





定义和用法
该标签用于收集用户信息。
根据不同类型的属性值，输入字段有多种形式。输入字段可以是文本字段、复选框、掩码后面的文本控件、单选按钮、按钮等等。
HTML与XHTML的区别
在HTML中，标签不会结束标签。
在XHTML中，标签必须正确关闭。
例子
一个简单的HTML表单，包含两个文本输入框和一个提交按钮：


xml代码将内容复制到剪贴板。



第一名：
最后的名字：






禁用属性指定应禁用输入元素。
残疾人的输入元素既不可能也不可点击的。残疾人属性可以设置到其他一些条件满足（如复选框等）。然后，你需要删除禁用值通过Javaｓｃｒｉｐｔ和输入元素的值转换到可用性。


以下三种写作方法可以禁用输入



xml代码将内容复制到剪贴板。









残疾人输入默认显示灰色的，并且可以修改CSS。注：IE9以下不能改变字体的颜色
1。使用CSS3：禁用伪元素定义



CSS代码将内容复制到剪贴板。


浏览器
输入：禁用{
边境：1px solid # DDD；
背景颜色：# f5f5f5；
颜色：# aca899；
}




2。通过属性选择傅丁一



CSS代码将内容复制到剪贴板。


/ / IE6失败
输入{禁用}
边境：1px solid # DDD；
背景颜色：# f5f5f5；
颜色：# aca899；
}




三.使用类定义禁用输入的类



CSS代码将内容复制到剪贴板。


输入。禁用{
边境：1px solid # DDD；
背景颜色：# f5f5f5；
颜色：# aca899；
}




最终结果：



CSS代码将内容复制到剪贴板。


/ /浏览器Firefox Opera、Safari IE9 +
输入：禁用{
边境：1px solid # DDD；
背景颜色：# f5f5f5；
颜色：# aca899；
}
/ / IE8—
输入{禁用}
边境：1px solid # DDD；
背景颜色：# f5f5f5；
颜色：# aca899；
}
/ / IE6使用Javaｓｃｒｉｐｔ添加CSS类禁用
* HTML输入。禁用{
边境：1px solid # DDD；
背景颜色：# f5f5f5；
颜色：# aca899；
}




注：IE8的bug
因为IE8不承认残疾原因输入{残疾人}和输入：残疾人的方式失败，你可以考虑写单独或使用输入{残疾人} directly.ie9以下不能改变字体颜色。

演示