input标签的disabled和readonly的区别

 <form id="form1" runat="server"  method="post">
    <div>
      <input type="text"  name="txt1" id="txt1"  value="txt1"  readonly="readonly"/>
        <input type="text"  name="txt2" id="txt2"  value="txt2"  disabled="disabled"/>
        <input type="submit"  value="提交"/>
    </div>
    </form>

对于readonly 标记的input 在后端能够获取到文本框的数据，但是 disabled标记的input 在后端无法获取到文本框的数据

时间： 2024-11-06 12:41:27

input标签的disabled和readonly的区别的相关文章

input中的disabled 和 readonly的区别

1.Readonly只针对input(text / password)和textarea有效, 而disabled对于所有的表单元素都有效, 2.但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去, 而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据). disabled和readonly这两个属性有一些共同之处,比如都设为true,则form属性将不能被编辑,往往在写js代码的时

input属性 disabled与readonly的区别

从效果上看源码 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <form> 9 <table> 10 <caption>disabled与readonly的区别&

input中的disabled、readonly和hidden

最近开发项目的时候,遇到一个问题,就是我希望某个input中的值不能被修改,刚开始的时候,我想到的是disabled属性!但是,发现表单提交后,值无法传递过来! 解决方法: 可以设置其readonly属性,同样不能被修改,但是表单提交后,值可以传递到后台! 一.HTML中直接设置: 1 <form action="test/addUser"> 2 disabled:<input type="text" value="zhangsan&qu

JQuery EasyUI设置input文本框disabled， readonly属性

因EasyUI对控件进行了封装,所以通常的Jquery代码设置不起作用,如$('#id').attr("readonly", "readonly"). 因此我们选择在input的上一级元素div中加一个class限定,如 <div class="fitem test"> <label> 角色ID<span >*</span>:</label&g

ExtJs中disabled和readOnly美观度的分析

ExtJs中disabled和readOnly美观度的分析 ExtJs中,如果设置输入框为只读属性,一般第一考虑的都是readonly=true 它的效果和正常输入框一样,但是不允许输入: 然而,它很容易引起歧义,让用户第一感觉是它是输入框,有输入信息的冲动,其实不然: 这时候,可以考虑使用disabled=true属性这下绝对不会认为可输入,一看就知道不允许修改,但字体颜色明显很模糊,所以效果不佳: 因此,使用中常常仍然使用readOnly=true,但修改背景颜色来做到disabled的更

ExtJs在disabled和readOnly美学分析

ExtJs中disabled和readOnly美观度的分析 ExtJs中.假设设置输入框为仅仅读属性,一般第一考虑的都是readonly=true 它的效果和正常输入框一样,可是不同意输入: 然而,它非常easy引起歧义,让用户第一感觉是它是输入框,有输入信息的冲动,事实上不然: 这时候,能够考虑使用disabled=true属性这下绝对不会觉得可输入,一看就知道不同意改动,但字体颜色明显非常模糊,所以效果不佳: 因此.使用中经常仍然使用readOnly=true,但改动背景颜色来做到disa

js 控制 input标签的 readonly属性

input 标签的 readonly 属性 $('#id').attr("readonly","readonly")//将input元素设置为readonly $('#id').removeAttr("readonly");//去除input元素的readonly属性 if($('#id').attr("readonly")==true)//判断input元素是否已经设置了readonly属性本人喜欢如下方法

HTML简单登录和注册页面及input标签诠释

今天第一次接触HTML这种语言,虽然不能完全理解其中的意思,过去学的英语单词几乎也忘了差不多了,但是感觉进入这门语言学习之后就没有那么难了,一步一步来吧!下面巩固下今天学内容: HTML是一种超文本标记语言.HTML 标签是由尖括号包围的关键词,比如 <html>.HTML 标签通常是成对出现的,比如 <b> 和 </b>: <html> 与 </html> 之间的文本描述网页: <body> 与 </body> 之间的文

disabled和readonly的区别是什么

disabled和readonly的区别是什么:这两个属性有类似之处,但是区别也是巨大的,之所以说类似,是因为这两个属性好像都貌似能够将指定的元素设置为"不可用"状态,下面就简单介绍一下它们两个的区别,希望能够给大家带来一定的帮助.一.作用范围不同:disabled属性可以用语所有的表单元素.readonly属性只对<input type="text">.<textarea>和<input type="password&quo