input text 置灰例子

最新推荐文章于 2022-06-02 16:12:57 发布

tianjun309

最新推荐文章于 2022-06-02 16:12:57 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html & Css

本文链接：https://blog.youkuaiyun.com/tianjun309/article/details/83766938

html & Css 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个简单的表单状态切换功能实现方法。通过选择框的选择，可以动态改变输入框的状态，包括背景颜色及是否允许输入。当选择不同选项时，两个输入框会互相切换其可用性和样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

			<form name="testform">
				<select   name= "select1"   onclick= "changeState(); ">
				<option   value=1 selected="selected"> one </option>
				<option   value=2> Two </option>
				</select> 
				<input   type= "text"  id= "one"   name= "input1"   class= "input">
				<input   type= "text"   id= "two"   name= "input2"   class= "input"> 
			</form>

.cantinput{background-color:#aaaaaa;}

function changeState(){
    if (testform.select1.value == 1) {
        testform.input1.className="";
		testform.input1.disabled = "";
        testform.input2.className = "cantinput";
		testform.input2.disabled = "true";
    }
    else {
        testform.input1.className = "cantinput";
		testform.input1.disabled = "true";
        testform.input2.className = "";
		testform.input2.disabled = "";
    }
}