javascript实现输入框不可编辑

来源：互联网发布：js 获取input的value 编辑：程序博客网时间：2024/05/22 03:02

输入框的不可编辑，可以由静态的html属性实现。当然也可以使用javascript动态实现，读者可以通过以下三种方式进行编码：

①：使用blur()使输入框失去焦点。

②：使用disabled属性设置。

③：使用readOnly属性设置。

代码如下：

<html><head>    <title>html对象</title>    <script type="text/javascript" language="javascript">        function test() {            document.myform.one.blur();        }        function testa() {            document.myform.one.select();        }        function testb() {            document.myform.one.readOnly = true;            document.myform.one.disabled = true;        }    </script>    <body>        <form name="myform">            <input type="text" name="one" id="one" value="输入姓名" onfocus="test()">            <input type="button" value="失去 焦点" onclick="test()">            <input type="button" value="全选字段" onclick="testa()">            <input type="button" value="用户禁止输入" onclick="testb()">        </form>    </body></head></html>

注意：

1、第一种方法时，不能使用onclick鼠标点击事件，而应该使用onfocus聚焦事件。

2、 readOnly一定不要写错，o大写。

3、readOnly和disabled均要设置成true。

阅读全文

0 0