码迷,mamicode.com
首页 > 其他好文 > 详细

input的disabled和readonly区别

时间:2014-11-06 21:42:12      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:style   blog   使用   for   sp   div   on   log   bs   

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

标签:style   blog   使用   for   sp   div   on   log   bs   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!