`
laiseeme
  • 浏览: 124179 次
  • 性别: Icon_minigender_2
  • 来自: 沈阳
社区版块
存档分类
最新评论

改变input属性

 
阅读更多
<script language=javascript>
function Select01(){
if (document.form1.Select02.options.value=="1") {
document.form1.input01.readOnly=true;
document.form1.input01.style.background="#f3f3f3";
}
if (document.form1.Select02.options.value=="2") {
document.form1.input01.readOnly=false;
document.form1.input01.style.background="";

}
}
</script>
<form name="form1">
<select name="Select02"  onchange="return Select01();">
<option value="">选择</option>
<option value="1">1</option>
<option value="2">2</option>
< lect>
<input type=text name="input01" value="" >
</form>
分享到:
评论

相关推荐

    js动态修改input输入框的type属性及验证Email

    综上所述,动态修改`input`的`type`属性可以灵活地改变输入框的行为,而邮箱验证则是确保用户数据质量的重要步骤。在实际开发中,理解并熟练运用这些技术对于创建健壮且用户友好的Web应用程序至关重要。

    input 标签的属性

    - **readonly**: 如果设置此属性,则输入框中的内容无法被修改。 **示例代码**: ```html 用户名: &lt;input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30,最大长度为20"&gt; 只读...

    HTML5表单中新增的input属性2.pdf

    - `formmethod`: 类似地,它可以改变表单数据的提交方式,覆盖`&lt;form&gt;`的`method`属性,选择`GET`或`POST`。 - `formnovalidate`: 如果设置,会阻止表单的默认验证行为,即使表单有`required`属性的字段未填写,也...

    教你如何改变上传文件input的file属性.doc

    以下将详细介绍如何改变`&lt;input type="file"&gt;`标签的file属性以及相关的前端技术。 首先,HTML部分通常会包含一个`&lt;input type="file"&gt;`元素,它用于让用户选择本地文件进行上传。在这个例子中,它被包裹在一个`&lt;a&gt;...

    HTML5(软件品牌)-1期 13 教学课件_单元5_HTML5的input属性.pdf

    form属性允许将input元素关联到一个或多个表单,即使input元素在表单元素外部。通过指定表单的ID,input元素仍可作为该表单的一部分。例如: ```html &lt;input type="text" name="address1" form="form1" /&gt; ``` ...

    ie8下修改input的type属性报错的解决方法

    在本文中,我们讨论的是一个常见的前端开发问题,即在IE8下尝试动态修改`&lt;input&gt;`标签的`type`属性时遇到的错误。在其他现代浏览器如Chrome、Firefox以及IE9及更高版本中,可以正常地通过JavaScript或jQuery的`attr...

    input的placeholder属性兼容ie8 优化版

    在网页设计中,`&lt;input&gt;` 的 `placeholder` 属性是一个非常实用的功能,它允许用户在输入框中看到一个提示文本,通常用于说明输入框预期接收的数据类型或格式。然而,这个特性在早期的 Internet Explorer 版本,尤其...

    只修改input file组件的浏览按钮样式

    ### 只修改input file组件的浏览按钮样式 在前端开发中,`&lt;input type="file"&gt;`组件通常用于让用户选择本地文件并上传到服务器。不过,默认情况下,此组件的样式较为简单,不符合很多项目的视觉需求。为了提升用户...

    js正则表达式之input属性($_)RegExp对象属性介绍

    2. input属性是只读的,所以程序无法修改这个属性的值。 3. 在匹配操作之后,无论匹配成功与否,input属性都会被赋值为目标字符串。 除了input属性,RegExp对象还包含其他一些常用的属性,如: - global:一个布尔...

    js修改input的type属性问题探讨

    在JavaScript中,修改`&lt;input&gt;`元素的`type`属性是一项常见的需求,特别是在处理表单交互和动态界面更新时。然而,这个操作并非在所有浏览器中都行为一致,特别是对于已存在于页面DOM(文档对象模型)中的`&lt;input&gt;`...

    antd-input-tag.zip

    5. **多语言支持**:Antd提供多种语言的国际化配置,可以通过设置`locale`属性来改变组件的语言环境。 6. **其他特性**:InputTag还支持自定义标签模板,通过`renderTag`属性传递一个函数,可以根据需求自定义标签...

    Vue动态控制input的disabled属性的方法

    有时候会有这样的需求,新增的时候可以输入,但是无法修改,此时就需要通过控制input标签的disabled属性来实现,那vue是如何动态设置input输入框的disabled属性的呢? 输入框的html源代码 配置项 v-bind:disabled=...

    file input 按钮国际化

    可以监听语言切换事件,根据当前语言动态修改file input按钮的文本内容。 4. **Web组件**:使用Web组件技术,可以创建自定义的file input组件,内部包含多语言支持。这样,当切换语言时,只需更新组件的属性即可。 ...

    js修改input的type属性及浏览器兼容问题探讨与解决

    js修改input的type属性有些限制。当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题。但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改。在ff下仍是可读写属性。...

    js动态修改input输入框的type属性(实现方法解析)

    在JavaScript中,动态修改`&lt;input&gt;`元素的`type`属性是一个常见的需求,特别是在创建交互式表单或实现特定功能时。然而,需要注意的是,并非所有浏览器都支持直接通过JavaScript修改`type`属性,尤其是对于`&lt;input&gt;`...

    jQuery/JS监听input输入框值变化实例

    onpropertychange是一种特定于IE浏览器的事件,它会在元素的属性发生改变时触发,包括输入框的值变化。然而,onpropertychange事件有一些局限性,比如不会在禁用状态的元素中触发,以及从脚本中修改输入框值时不会...

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

    1. **边框和内阴影**:使用`border`和`box-shadow`属性可以改变输入框的边框样式和添加深度感。 ```css input { border: 1px solid #ccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } ``` 2. **圆角**:使用...

    input样式-input

    在HTML中,`&lt;input&gt;` 元素通过 `type` 属性来指定不同的输入类型,其中 `type="file"` 表示文件输入类型。基本用法如下: ```html &lt;input type="file" name="file"&gt; ``` 此例中的 `&lt;input type="file"&gt;` 创建了一...

    kivy_TextInput.rar

    源码可能包括创建不同类型的`TextInput`实例,改变其属性值,以及响应用户交互的示例,以帮助开发者熟练掌握`TextInput`的用法。 总的来说,`kivy_TextInput.rar`这个压缩包提供的源码学习资源,将帮助开发者深入...

Global site tag (gtag.js) - Google Analytics