定义和用法输入标签用于收集用户信息。

根据不同的类型属性值，输入字段有多种形式。输入字段可以是文本字段、复选框、屏蔽文本控件、单选按钮、按钮等。HTML 与 XHTML 之间的差异在超文本标记语言中，输入标签没有结束标签。

在XHTML中，输入标记必须正确关闭。实例是一个简单的HTML表单，有两个文本输入框和一个提交按钮：

XML/HTML代码将内容复制到剪贴板

form action=' form _ action . ASP ' method=' get '

first name : InputType=' text ' name=' fname '/

last name : InputType=' text ' name=' lname '/

inputtype='submit '值='Submit'/

/form

其中禁用属性指定应该禁用输入元素。

禁用的输入元素既不可用也不可单击。您可以设置禁用属性，直到满足某些其他条件(如选择复选框等)。).然后，您需要通过JavaScript删除禁用的值，并将输入元素的值切换到可用。

可以通过以下三种方式禁用输入

XML/HTML代码将内容复制到剪贴板

输入类型='文本'禁用='禁用'值='禁用'/

输入类型='文本'禁用='禁用'值='禁用'/

输入类型='文本'禁用='禁用'值='禁用'/

禁用输入默认灰显，可以通过CSS修改样式。注意：IE9及以下版本不能改变字体颜色

1.使用css:禁用的伪元素定义

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

//chromefirefoxprosafari

input:disabled{

border :1 pixsolid # DDD；

背景色： # F5F 5；

color: # ACA899

}

2.使用属性选择器定义

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

//ie6失败

输入[已禁用]{

border :1 pixsolid # DDD；

背景色： # F5F 5；

color: # ACA899

}

3.使用类定义要禁用的输入并向其添加类

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

input.disabled{

border :1 pixsolid # DDD；

背景色： # F5F 5；

color: # ACA899

}

最终结果：

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

//chromefirefox opersafarie 9

input:disabled{

border :1 pixsolid # DDD；

背景色： # F5F 5；

color: # ACA899

}

//IE8-

输入[已禁用]{

border :1 pixsolid # DDD；

背景色： # F5F 5；

color: # ACA899

}

//ie6 using JavaScript toadcss class ' disabled '

*htmlinput.disabled{

border :1 pixsolid # DDD；

背景色： # F5F 5；

color: # ACA899

}

注意：IE8 bug

因为IE8不识别：disabled，所以输入： disabled的样式无效，可以考虑单独写或者直接使用input[disabled]。IE9及以下版本不能更改字体颜色。

演示