input disabled 属性设置示例_html

当前位置：首页 > 网页教程 > html > 正文

input disabled 属性设置示例: 发布时间：2020-07-31编辑：脚本学堂

input disabled属性的设置方法，javascript操作input disabled属性，设置其可用不可用，设置按钮为disabled属性的例子，一起来了解下。

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

注释：disabled 属性无法与 <input type="hidden"> 一起使用。

例1：

复制代码代码示例:

<form action="" method="get">

    <p>Frist name:<input type="text" name="fname" /></p>

    <p>Last name:<input type="text" name="lname" disabled="disabled" /></p>

    <input type="submit" value="Submit" />

</form>

提交之后的值，不会有lname，即传值时没有lname这个参数。

例2，禁用该单选按钮：

复制代码代码示例:

Human: <input id="human" type="radio" name="creature" value="Human" /><br />
Animal: <input id="animal" type="radio" name="creature" value="Animal" /><br />
Gnome: <input id="gnome" type="radio" name="creature" value="Gnome" /><br /><br />
<input type="button" onclick="disable()" value="Disable choice" />

您可能感兴趣的文章：

上一篇：html readonly属性设置三种方法
下一篇：input readOnly只读属性与disabled属性设置示例

与 input disabled 属性设置示例有关的文章

本文标题：input disabled 属性设置示例
本页链接：http://www.jb200.com/article/28133.html

input disabled 属性设置示例