HTML笔记 ·

动态设置input的只读与可编辑状态

在网页中我们有时候需要控制文本输入框的“输入状态”,一些关键属性是不能修改的,这个时候需要将文本输入框的readonly属性设置为false,在网页中我们可以使用

<input type="text" name="" id="text1" readOnly=true style="width:200px;" />

来设置input的属性为只读,这种情况下input的状态是能复制里面的文字,但是不能够输入。下面我来介绍一下通过js来动态设置input的只读状态和可编辑状态。

//此方法设置输入框为可输入状态
function write(){
  		document.getElementById("text1").readOnly=false;
  	}
//此方法设置输入框为只读状态
function isreadonly(){
	var obj = document.getElementById("text1");
        obj.setAttribute("readOnly",true);
}

 

参与评论