简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

详解HTML的<input> 标签及其禁用方法

来源:易贤网   阅读:1340 次  日期:2015-08-11 16:50:53

温馨提示:易贤网小编为您整理了“详解HTML的<input> 标签及其禁用方法”,方便广大网友查阅!

定义和用法

<input> 标签用于搜集用户信息。

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

HTML 与 XHTML 之间的差异

在 HTML 中,<input> 标签没有结束标签。

在 XHTML 中,<input> 标签必须被正确地关闭。

实例

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

其中disabled 属性规定应该禁用 input 元素。

被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。

名单

以下三种写法都可以禁用 input

名单

3. 利用class来定义,为要禁用的input增加一个class

名单

注意:IE8 bug 由于IE8 不识别 :disabled 导致input[disabled],input:disabled样式失效,可以考虑单独来写,或者直接使用input[disabled]。;IE9及以下无法改变字体颜色。 Demo

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:利用html5制作网页视频播放的方法
下一篇:详解HTML编程的标记与文档结构
易贤网手机网站地址:详解HTML的<input> 标签及其禁用方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!