• css 文本域textarea显示成label标签


     1 <html>
     2 <head>
     3     <title>textarea显示为label</title>
     4 <style type="text/css">
     5 .textdisplay {
     6    background-color:#eeeeee;
     7    border-bottom-style:none;
     8    border-left-style:none;
     9    border-right-style:none;
    10    border-top-style:none;
    11    font-size:14px;
    12 }
    13 </style>
    14 <script language="javascript">
    15 function setTxt(obj){
    16     if(obj=='e'){
    17       document.getElementById('sendcontent').className='';
    18       document.getElementById('sendcontent').readOnly=false;
    19       document.getElementById('save').disabled=false;
    20       document.getElementById('cancel').disabled=false;
    21     }
    22     if(obj=='c'){
    23           document.getElementById('sendcontent').className='textdisplay';
    24           document.getElementById('sendcontent').readOnly=true;
    25           document.getElementById('save').disabled=true;
    26           document.getElementById('cancel').disabled=true;
    27         }
    28 }
    29   
    30 </script>
    31 </head>
    32   
    33 <body>
    34   
    35 <textarea class="textdisplay" cols="" rows="" id="sendcontent" name="sendcontent" style="height:500px;600px;" readonly>
    36  <input type="submit" disabled=true id="save" name="save" value="保存" style="height:24px;vertical-align:middle;line-height:20px;" />
    37 <input type="button" name="edit" value="编辑" style="height:24px; vertical-align:middle;line-height:20px;" onclick="setTxt('e')" />
    38 <input type="button" disabled=true id="cancel" name="cancel" value="取消" style="height:24px; vertical-align:middle;line-height:20px;" onclick="setTxt('c')" />
    39 </body>
    40 </html>
    View Code
  • 相关阅读:
    mongodb数据类型
    Pycharm2020.1 破解教程
    酱茄主题(资讯/社区WordPress主题)正式发布
    WordPress社区商城小程序“酱茄pro小程序”V1.7.8发布
    SpringBoot 的@Value注解真是太强了,谁用谁说爽!
    python3_String复习
    Core Data的简单实用
    git submodule
    区间修改主席树
    快速数论变换ntt
  • 原文地址:https://www.cnblogs.com/akatuki/p/4045528.html
Copyright © 2020-2023  润新知