`
tianjun309
  • 浏览: 368254 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

input text 置灰例子

 
阅读更多
			<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 = "";
    }
}
 
分享到:
评论

相关推荐

    直接在界面输入文字InputText

    在C#编程环境中,直接在界面上实现"InputText"功能,可以为用户提供类似Photoshop的文字输入体验。这种功能在各种应用程序中都很常见,比如文本编辑器、图像处理软件、甚至是游戏开发。以下是对这个主题的详细解释:...

    一个增加表单input的例子/表单框按需求点击增加

    &lt;input type="text" id="name1" name="names[]"&gt; 添加姓名 ``` 这里的`id`属性用于JavaScript中选中特定的元素,`name`属性以数组形式(`names[]`)设置,方便在后端处理多个姓名数据。 接下来,我们需要用...

    javascript input自动赋值

    在上述例子中,无论使用原生JavaScript还是jQuery,我们都是通过获取input元素并设置其value属性来实现自动赋值的。这种方法对于动态页面尤其有用,比如从服务器获取数据后填充表单,或者根据用户的行为改变输入框的...

    domino xpags开发 input保存为数组值

    总结来说,在Domino XPAGS开发中,要使inputText输入保存为数组值,关键在于设置表单域的"允许多值"属性,以及在XPages的inputText组件中使用`multipleSeparator`属性。正确配置后,用户输入的多值字符串将被解析并...

    很漂亮又实用的的Input框,支持CSS或者图片两种样式。

    &lt;input type="text" id="exampleInput" placeholder="请输入内容"&gt; ``` 这个例子创建了一个简单的文本输入框,`id`用于唯一标识输入框,`placeholder`属性则为输入框提供提示文字。 接下来,我们探讨如何通过CSS来...

    enter键控制input光标移动到下一个框

    &lt;input type="text" id="input1"&gt; &lt;input type="text" id="input2"&gt; &lt;input type="text" id="input3"&gt; ``` 在这个例子中,我们有三个连续的输入框,用户通常会期望在填写完一个后,按下"Enter"键就能跳转到下一个。...

    CS取前台INPUT值

    &lt;input type="text" id="txtName" name="txtName" /&gt; ``` 这里的`id`和`name`属性用于标识这个输入字段,方便我们在后台代码中引用。 当用户提交表单时,这些输入值会作为HTTP请求的一部分发送到服务器。在C#中,...

    jquery创建和删除多个同名的input输入框

    var input = $('&lt;input type="text" name="myInput"&gt;'); $('body').append(input); // 将input添加到body或特定的父元素 } ``` 在上述代码中,我们创建了一个名为`myInput`的text类型的input,通过循环将其添加到...

    react-native-input-validator:该库验证在TextInput组件上传递的字符串和数字,并突出显示结果(有效的绿色,无效的红色)。 (可选)可以使用带有浮动标签的占位符

    React本机输入验证器react-native-input-validator 兼容:Android,iOS,Windows,Web和Expo GitHub: : 作者: Marco Cesarato :blue_book: 描述该... 例子 占位符浮动标签// Importimport TextInput from "react-nati

    jquery_input提示

    在这个例子中,可能使用了如`$('input[type="text"]')`这样的选择器来选取所有的文本输入框。 2. **事件绑定**:jQuery提供了`.focus()`和`.blur()`方法,分别用于在元素获得焦点和失去焦点时触发回调函数。在提示...

    mask_text_input_formatter:遮罩的文本输入格式器,用于颤动

    mask_text_input_formatter 该包为TextField和TextFormField提供了TextInputFormatter,它们通过给定的掩码来格式化输入。 例子 检查“示例”文件夹中的代码示例 用法 遵循安装 导入库: import 'package:mask_...

    jQuery input文本框点击下拉菜单选择代码

    在网页开发中,jQuery是一个非常流行的...&lt;input type="text" id="selectInput" placeholder="请选择..."&gt; ``` 接下来,我们引入jQuery库。如果你的项目中还没有引入,可以通过以下方式引入CDN链接: ```html ...

    React-Native TextInput组件详解及实例代码

    React-Native 的 `TextInput` 组件是用于创建用户输入字段的核心组件,它可以处理文本输入、密码输入等场景。在移动应用开发中,`TextInput` 是不可或缺的部分,它为 Android 和 iOS 提供了一致的跨平台体验。下面...

    wechat-textinput:微信小程序 textinput 的 wepy 版本和 mpvue 版本性能对比

    wechat-textinput 示例演示: 用 wepy 开发自定义组件过程中发现页面加载自定义组件时能明显看到页面渲染的过程,组件越多表现的会越明显,于是用 mpvue 也写了个例子,发现 mpvue 没有这个问题,在这用代码记录下。...

    jquery maskedinput 插件 Masked Input Plugin

    &lt;input type="text" id="maskedInputExample" /&gt; ``` 然后在JavaScript部分添加以下代码来应用mask: ```javascript $(document).ready(function() { $("#maskedInputExample").mask("999-99-9999"); // 用于美国...

    输入框input样式,各种效果齐全

    资源包"texiao3535_1560681026"可能包含了这些效果的示例代码,开发者可以通过查看和学习这些例子,快速掌握输入框的各种样式设计技巧。同时,了解和应用现代前端框架(如React、Vue、Angular等)中的输入框组件,也...

    input error 下划线

    &lt;input type="text" id="username" required&gt; &lt;span class="error-message" id="username-error"&gt;&lt;/span&gt; 提交 document.getElementById('username').addEventListener('input', function() { var username ...

    jquery格式输入插件Masked Input

    &lt;input type="text" id="phone-input" placeholder="请输入电话号码"&gt; ``` 接下来,在JavaScript中为这个元素应用遮罩: ```javascript $(document).ready(function() { $("#phone-input").mask("(999) 999-9999...

    input文本框里面显示提示信息

    &lt;input type="text" id="exampleInput" placeholder="请输入您的姓名"&gt; ``` 在这个例子中,“请输入您的姓名”就是`placeholder`属性的提示信息。然而,浏览器默认的行为是在用户点击文本框时并不会自动清除`...

Global site tag (gtag.js) - Google Analytics