`
laiseeme
  • 浏览: 124740 次
  • 性别: 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 XSS最新漏洞及利用

    Input XSS,全称为Input-Based Cross-Site Scripting,是一种常见的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=...

    用js一次改变多个input的readonly属性值的方法

    代码如下: [removed] function doclick1(){ var txtN = document.getElementsByTagName(“input”); for(i=0;i(txtN[i].type=”text”){ txtN[i].readOnly=false; type=”text” id=”contactus1″&gt; &lt;input type=...

    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. **圆角**:使用...

Global site tag (gtag.js) - Google Analytics