<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 = "";
}
}
分享到:
相关推荐
在C#编程环境中,直接在界面上实现"InputText"功能,可以为用户提供类似Photoshop的文字输入体验。这种功能在各种应用程序中都很常见,比如文本编辑器、图像处理软件、甚至是游戏开发。以下是对这个主题的详细解释:...
<input type="text" id="name1" name="names[]"> 添加姓名 ``` 这里的`id`属性用于JavaScript中选中特定的元素,`name`属性以数组形式(`names[]`)设置,方便在后端处理多个姓名数据。 接下来,我们需要用...
在上述例子中,无论使用原生JavaScript还是jQuery,我们都是通过获取input元素并设置其value属性来实现自动赋值的。这种方法对于动态页面尤其有用,比如从服务器获取数据后填充表单,或者根据用户的行为改变输入框的...
总结来说,在Domino XPAGS开发中,要使inputText输入保存为数组值,关键在于设置表单域的"允许多值"属性,以及在XPages的inputText组件中使用`multipleSeparator`属性。正确配置后,用户输入的多值字符串将被解析并...
<input type="text" id="exampleInput" placeholder="请输入内容"> ``` 这个例子创建了一个简单的文本输入框,`id`用于唯一标识输入框,`placeholder`属性则为输入框提供提示文字。 接下来,我们探讨如何通过CSS来...
<input type="text" id="input1"> <input type="text" id="input2"> <input type="text" id="input3"> ``` 在这个例子中,我们有三个连续的输入框,用户通常会期望在填写完一个后,按下"Enter"键就能跳转到下一个。...
<input type="text" id="txtName" name="txtName" /> ``` 这里的`id`和`name`属性用于标识这个输入字段,方便我们在后台代码中引用。 当用户提交表单时,这些输入值会作为HTTP请求的一部分发送到服务器。在C#中,...
var input = $('<input type="text" name="myInput">'); $('body').append(input); // 将input添加到body或特定的父元素 } ``` 在上述代码中,我们创建了一个名为`myInput`的text类型的input,通过循环将其添加到...
React本机输入验证器react-native-input-validator 兼容:Android,iOS,Windows,Web和Expo GitHub: : 作者: Marco Cesarato :blue_book: 描述该... 例子 占位符浮动标签// Importimport TextInput from "react-nati
在这个例子中,可能使用了如`$('input[type="text"]')`这样的选择器来选取所有的文本输入框。 2. **事件绑定**:jQuery提供了`.focus()`和`.blur()`方法,分别用于在元素获得焦点和失去焦点时触发回调函数。在提示...
mask_text_input_formatter 该包为TextField和TextFormField提供了TextInputFormatter,它们通过给定的掩码来格式化输入。 例子 检查“示例”文件夹中的代码示例 用法 遵循安装 导入库: import 'package:mask_...
在网页开发中,jQuery是一个非常流行的...<input type="text" id="selectInput" placeholder="请选择..."> ``` 接下来,我们引入jQuery库。如果你的项目中还没有引入,可以通过以下方式引入CDN链接: ```html ...
React-Native 的 `TextInput` 组件是用于创建用户输入字段的核心组件,它可以处理文本输入、密码输入等场景。在移动应用开发中,`TextInput` 是不可或缺的部分,它为 Android 和 iOS 提供了一致的跨平台体验。下面...
wechat-textinput 示例演示: 用 wepy 开发自定义组件过程中发现页面加载自定义组件时能明显看到页面渲染的过程,组件越多表现的会越明显,于是用 mpvue 也写了个例子,发现 mpvue 没有这个问题,在这用代码记录下。...
<input type="text" id="maskedInputExample" /> ``` 然后在JavaScript部分添加以下代码来应用mask: ```javascript $(document).ready(function() { $("#maskedInputExample").mask("999-99-9999"); // 用于美国...
资源包"texiao3535_1560681026"可能包含了这些效果的示例代码,开发者可以通过查看和学习这些例子,快速掌握输入框的各种样式设计技巧。同时,了解和应用现代前端框架(如React、Vue、Angular等)中的输入框组件,也...
<input type="text" id="username" required> <span class="error-message" id="username-error"></span> 提交 document.getElementById('username').addEventListener('input', function() { var username ...
<input type="text" id="phone-input" placeholder="请输入电话号码"> ``` 接下来,在JavaScript中为这个元素应用遮罩: ```javascript $(document).ready(function() { $("#phone-input").mask("(999) 999-9999...
<input type="text" id="exampleInput" placeholder="请输入您的姓名"> ``` 在这个例子中,“请输入您的姓名”就是`placeholder`属性的提示信息。然而,浏览器默认的行为是在用户点击文本框时并不会自动清除`...