zoukankan      html  css  js  c++  java
  • html disabled和readonly的区别

    将输入框设置为只读状态,即其中的内容不可编辑

    实现这种设计的方法有两种,分别是使用input的disable和readonly两个属性,不过他们之前还是有一些区别的。

    <INPUT   TYPE= "text "   readonly= "true "   value= "这是ReadOnly的! ">
    <INPUT   TYPE= "text "   disabled= "true "   value= "这是Disabled的! ">可以看到,虽然两种都是让INPUT的内容不能被用户编辑,但是对于后期的美工处理就有问题了!


    比如:
    <style>
    input
    {
    color:blue;
    }
    </style>


    只有ReadOnly的那个文本是蓝色的!
    Disabled是按系统设置的Disabled颜色来设置前景色的,CSS对其无效!

    另外,readonly和disabled还有一个不同点就是,当input属性为readonly时,提交表单是可以获得input的内容,但是如果是disabled则不能获得所提交的内容,返回值全部为null,所以此处需要注意。要慎用readonly和disabled, 指定了disabled的表单,在submit时,不会把它的值传出去, 如下所示,有两个text,一个是readonly一个是disabled,submit后,只能发送那个不是disabled的,注意地址栏的值. 要保存到本地,因为submit了,不然,看不到效果.
    <input type="text" value="只读是可以读取其文字内容的但不能编辑和输入" readonly size="100">
    <input type="text" value="文字变灰不能读取其文字内容也不能编辑和输入" disabled size="100">

  • 相关阅读:
    《Web 开发基础》专题系列
    《.NET 编程结构》专题汇总(C#)
    .NET Core:使用BarTender
    .NET Core:过滤器
    .NET Core:中间件
    .NET Core:Api版本控制
    .NET Core:Token认证
    .NET Core:SignalR
    .NET Core:跨域
    .NET Core:Json和XML
  • 原文地址:https://www.cnblogs.com/luoyeyue/p/8145227.html
Copyright © 2011-2022 走看看