首页 > 其他 > 详细

input的disabled和readonly区别

时间:2014-11-06 21:40:55      阅读:544      评论:0      收藏:0      [点我收藏+]

<input name=”country” id=”country” size=12 value=”disabled提交时得不到该值" disabled=”disabled” > 放在form表单中提交后得不到该值。 将disabled=”disabled” 改为 readonly = “readonly” 即可

 

1. 设置为disabled的input将会有下面的限制:

  • 不能接收焦点更不能被修改,使用tab键时将被跳过,被限制的对象值将不会被传递到后台程序。

 

2.设置为readonly的input将会有下面的限制:

  • 可以接收焦点但不能被修改, 可以使用tab键进行导航。 被限制的对象值与后台交互时值传递。

dispaly和hidden一样,只是控制元素的显示,不影响元素传入后台。

visibility:hidden--为隐藏的对象保留其物理空间
display: none--不为被隐藏的对象保留其物理空间

<html>
  <head>
  <title> display:none与visibility:hidden的区别</title>
  </head>
  <body>
  <table>
  <tr>
   <td>
    <table border="1">
    <tr>
     <td>第一行</td>
    </tr>
    <tr style="display:none">
     <td>第二行</td>
    </tr>
    <tr>
     <td>第三行</td>
    </tr>
    </table>
   </td>
   <td>
    <table border="1">
    <tr>
     <td>第一行</td>
    </tr>
    <tr style="visibility:hidden">
     <td>第二行</td>
    </tr>
    <tr>
     <td>第三行</td>
    </tr>
    </table>
   </td>
  </tr>
  <tr>
   <td>style="display:none"</td>
   <td>style="visibility:hidden"</td>
  </tr>
  </table>
  </body>
  </html>

input的disabled和readonly区别

原文:http://www.cnblogs.com/shz365/p/4079882.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!