Advertisement
Aniket_Goku

task5

Jun 14th, 2021
226
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 3.41 KB | None | 0 0
  1. <?php
  2.     $ty='';
  3.     $nam="";
  4.     $place="placeholder=\"\"";
  5.     $val="value=\"\"";
  6.     $id="";
  7.     $cl="";
  8.     if(isset($_GET['sub']))
  9.     {
  10.         $nam=$_GET['nam'];
  11.         if($_GET['sel1']=="RADIO" || $_GET['sel1']=="CHECKBOX" )
  12.         {
  13.                 $place="";
  14.                 $val="";
  15.         }
  16.         else
  17.         {
  18.            
  19.             $place="placeholder="."\"".$_GET['pass']."\"";
  20.             $val="value="."\"".$_GET['val']."\"";
  21.         }
  22.         $id=$_GET['id'];
  23.        
  24.     }
  25.    
  26.    
  27. ?>
  28. <html>
  29.     <style>
  30.         body
  31.         {
  32.         background-image:url('backgrounds/69.jpg');
  33.         background-size:100% 100%;
  34.         background-attachment:fixed;
  35.         backdrop-filter:blur(3px);
  36.         background-repeat:no-repeat;
  37.         margin:0;padding:0;height:150%;
  38.        
  39.         }
  40.         h1
  41.         {
  42.         background-color:black;
  43.         color:white;
  44.         font-family:supernatural knight;
  45.         font-size:50px;
  46.         text-align:center; 
  47.        
  48.         }
  49.         .l
  50.         {
  51.         background-color:black;
  52.        
  53.         color:white;
  54.         width:100%;
  55.         font-size:30px;
  56.        
  57.        
  58.         }
  59.        
  60.     </style>
  61.     <script>
  62.         function fun()
  63.         {
  64.             alert(document.f1.sel1.value);
  65.             if(document.f1.sel1.value=="RADIO" || document.f1.sel1.value=="CHECKBOX")
  66.             {
  67.                 document.f1.pass.style.display="none";
  68.                 document.f1.val1.style.display="none";
  69.                 document.getElementById('hd').style.display="none";
  70.                 document.getElementById('val').style.display="none";
  71.             }
  72.             else
  73.             {
  74.                 document.getElementById('val').style.display="initial";
  75.                 document.getElementById('hd').style.display="initial";
  76.                 document.f1.pass.style.display="initial";
  77.                 document.f1.val1.style.display="initial";
  78.                
  79.             }
  80.         }
  81.     </script>
  82.     <body>
  83.         <h1>TASK - 5</h1>
  84.         <br><br><br>
  85.        
  86.         <br><br><br><br>
  87.         <form name="f1">
  88.             <table align="center" border="0" cellspacing="20" width="50%">
  89.                 <tr>
  90.                     <td align="right">
  91.                         <label class="l">INPUT TYPE: </label>
  92.                     </td>
  93.                     <td >
  94.                         <select class="l" name="sel1" onchange="fun()">
  95.                            
  96.                             <option value="TEXT" selected >TEXT</option>
  97.                             <option value="PASSWORD" >PASSWORD</option>
  98.                             <option value="RADIO" >Radio</option>
  99.                             <option value="CHECKBOX" >CHECKBOX</option>
  100.                         </select>
  101.                        
  102.                        
  103.                     </td>
  104.                 </tr>
  105.                 <tr>
  106.                     <td align="right">
  107.                         <label class="l" >NAME</label>
  108.                     </td>
  109.                     <td>
  110.                         <input type="text" class="l" name="nam">
  111.                     </td>
  112.                 </tr>
  113.                
  114.                 <tr>
  115.                     <td align="right">
  116.                         <label class="l" name="hd" id="hd">Placeholder</label>
  117.                     </td>
  118.                     <td>
  119.                         <input type="text" class="l" name="pass">
  120.                     </td>
  121.                 </tr>
  122.                 <tr>
  123.                     <td align="right">
  124.                         <label class="l" id="val">Value</label>
  125.                     </td>
  126.                     <td>
  127.                         <input type="text" class="l" name="val1"    >
  128.                     </td>
  129.                 </tr>
  130.                
  131.                 <tr>
  132.                     <td align="right">
  133.                         <label class="l" >Id</label>
  134.                     </td>
  135.                     <td>
  136.                         <input type="text" class="l" name="id"  >
  137.                     </td>
  138.                 </tr>
  139.                 <tr>
  140.                     <td align="right">
  141.                         <label class="l" >Class</label>
  142.                     </td>
  143.                     <td>
  144.                         <input type="text" class="l" name="class"   >
  145.                     </td>
  146.                 </tr>
  147.                 <tr>   
  148.                     <td colspan="2" align="center">
  149.                         <input type="submit" class="l" name="sub"   >
  150.                     </td>
  151.                 </tr>
  152.                 <tr>
  153.                     <td colspan="2">
  154.                         <textarea class="l" rows="8" readonly style="font-size:20px;resize:none;border-color:transparent"><input type="<?php echo $ty; ?>" name="<?php echo $nam;?>" <?php echo $place;?> <?php echo $val;?> id="<?php echo $id;?>" class="<?php echo $cl;?>"> 
  155.                         </textarea>
  156.                     </td>
  157.                 </tr>
  158.             </table>
  159.         </form>
  160.     </body>
  161. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement