zoukankan      html  css  js  c++  java
  • readonly和disabled的异同

    好久木有写博客了,今来逛逛

    话说今天搞form表单的时候,主管让俺把手机号设成只读的。当时我就。。。咳咳,然后我就问了下万能的百度君,果断还是有解决方法的嘛,那么,今就谈谈readonly和disabled的区别吧。

    首先呢,说说不同点,因为人的第一印象是最深的,所以先说不同。

    1.readonly只适用于type = text和password这两种属性的input,当然textarea自然也是可以的啦。而disabled适用于所有的表单,包括按钮。

    2.在使用submit方式提交表单的时候,readonly是可以提交内容的,可以的可以的可以的,重要的事情说三遍。而disabled是不可以的,提交的时候不会提交内容。

    3.readonly属性可以使用js添加onfocus事件,而disabled不可以。

    然后说相同点,

    1.两者都有true or false属性值,当然也都可以写成# = “#”;的形式。

    2.两者都是为了保留表单预设属性值,并且不允许修改而设置的。

    最后说下用法,

    1.一般的话都是搭配使用,而且在使用的时候其实可以通过一些手段(js)达到相同的效果(disabled向readonly方向),所以这里推荐使用readonly属性。当然disabled也必然是有存在作用的,很多时候非用不可,也有很多时候用了能达到很好的效果。

    2.关于disabled提交表单时的问题。我们写程序必然是要考虑诸多因素和情形的,在用户重复点击提交和网速较慢的情况下,我们就要做防护措施,防止重复提交造成的数据库数据冗余。而最好的方法就是在提交后对button也添加disabled属性。

    好了,关于这个问题就说这么多,当然其实本人实践不足,取各家之长总而结之而已。

  • 相关阅读:
    pandas --index ,reindex, set_index, reset_index , reindex_like函数 之 reset_index
    pandas --index ,reindex, set_index, reset_index , reindex_like函数 之 reindex
    pandas 合并操作 append处理重复项
    pandas --合并操作concat函数和append
    pandas --合并操作join函数
    pandas 做合并操作-merge函数
    百度地图应用
    jstl 标签 的应用
    Linux 下MySQL 安装与卸载
    Linux 下tomcat的配置
  • 原文地址:https://www.cnblogs.com/yunzhexiaye/p/6133610.html
Copyright © 2011-2022 走看看