input readyonly disabled区别

看到网上大部分介绍的区别都是一个能点一个不能点,即readonly可获得焦点,disabled不可获得焦点。

事实上,这只是直观的区别了,经过代码实践遇到的问题发现:

disabled:除直观上的限制外,该被限制的对象值将不会被传递到后台程序。

readonly:与后台交互时可以传递值。前端框架分享

最好不要用disabled,不然就无法取出里面的值了.

区别:

1.disabled -- 完全不可编辑,并且是不能复制的。

2.readonly -- 不可编辑,但是是可以复制。

3.Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。

4.表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去

他们的相同点:

使input不可编辑。

时间: 2024-10-27 21:46:26

input readyonly disabled区别的相关文章

JQuery设置input属性(disabled、enabled)

document.getElementById("removeButton").disabled = false; //普通Js写法 $("#removeButton").removeAttr("disabled");// Enable,JQuery写法 $("#removeButton").attr("disabled","disabled");// disabled JQuery设置

HTML中button和input button的区别

button和input button的区别 一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大. HTML 4.01规范的Forms部分指 名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了button

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区别

<input name=”country” id=”country” size=12 value=”disabled提交时得不到该值" disabled=”disabled” > 放在form表单中提交后得不到该值. 将disabled=”disabled” 改为 readonly = “readonly” 即可 1. 设置为disabled的input将会有下面的限制: 不能接收焦点更不能被修改,使用tab键时将被跳过,被限制的对象值将不会被传递到后台程序. 2.设置为readon

ASP.NET控件&lt;ASP:Button /&gt; html控件&lt;input type=&quot;button&quot;&gt;区别联系

ASP.NET控件<ASP:Button />-------html控件<input type="button">杨中科是这么说的:asp和input是一样的东西 服务器只认识input,我们可以直接写input 但是asp是要把自己自动翻译成input再交给服务器的.其实是一样的东西 写写我看到的区别:                asp控件,直接可以用c#编程                input加上 runat=“server” 也被c#编程了 说白

input设置disabled,经过strus2提交到后台,后台取不到值

页面中有多个name相同的input与后台action中一个属性对应,一直在好奇为什么会可以提交到后台呐,但是有时还报这个属性找不到对应的方法(多个name相同好像匹配的是数组,所以找不到), 但是我的input用js控制了disable,即一次提交表单,表单中name相同的只有一个input不是disable.一直好奇,后来看到如下博客:才明白怎么回事 http://bbs.csdn.net/topics/380063466 即input 设为disabled="disabled" 

input为disabled提交后得不到该值的解决方法

input的字段当为diabled时时无法获取数值得,所以最近不要用这个,我们可以用readonly带替代,即可解决这类问题 放在form表单中提交后得不到该值. 将disabled=”disabled” 改为 readonly = “readonly” 即可 按照W3C的规范:http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12 设置为disabled的input将会有下面的限制: 不能接收焦点 使用tab键时将被跳过 可能不是

BUTTON标签和INPUT标签的区别【转】

一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大. HTML 4.01规范的Forms部分指名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之

表单提交:button input submit 的区别

http://harttle.com/2015/08/03/form-submit.html 最近项目代码中的表单提交的方式已经百花齐放了,现在用这篇文章来整理一下不同表单提交方式的区别,给出最佳实践.先给结论: 建议使用button[type=submit]来提交表单,而不是input: 只有单行文本控件时,回车会引发表单提交: 通过onsubmit事件可阻止表单提交. input[type=submit] 这是最常见的提交方式.不多说了,看图: 图中可以看到点击提交按钮后的URL是/?key