zoukankan      html  css  js  c++  java
  • CSS禁止输入之readonly VS disable

    Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。
    共同点:都不能编辑和获取焦点。
    不同点:
      readonly:使用表单post或get传递时会被传递出去。
      disabled:使用表单post或get传递时不会被传递出去。
    但是readonly的显示效果是没有灰化的。
    所有控件都有disabled 属性,但是不一定有readonly属性;点击被readonly掉的按钮照样可以触发事件,但是被disabled掉的按钮就无法使用了不管上面有没有事件。

    在很多情况下,我们的增加、修改、查看一般使用同一个页面,这就会产生一个需求,那就是查看页面中的数据和修改页面的一些项一般是禁止用户输入和修改表单数据的,

    一般情况下,我们可以使用readonly来实现一般的text,input框的禁止输入

    特殊情况:部分表单不能修改(这些不能修改的表单包括没有readonly属性,如:select, radio, checkbox),我们可以先将这些项设置成disabled,在表单提交之前设置disabled设置成false,否则这些项是不会提交到后台的。

    --------------少年不努力,长大搞程序。欢迎关注,如有错误,恳请指正。
  • 相关阅读:
    sql 积分和消费,类似银行出入账单
    easyui datagrid选中当前行的index
    jquery 1+1=11 纠结死我了
    jquery 选择器
    easyui tree节点设置disabled的功能
    用户体验为什么如此重要?
    三个月内获得三年工作经验
    常用网站
    防呆设计
    读书笔记:启示录,打造用户喜爱的产品
  • 原文地址:https://www.cnblogs.com/oycyqr/p/8874807.html
Copyright © 2011-2022 走看看