One Hat Cyber Team

Edit File: upload_data.html

<!DOCTYPE html>
<html lang="zxx">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Fully Responsive Admin & Dashboard Template"
    />
    <meta name="keyword" content="" />
    <meta name="author" content="WRAPCODERS" />

<link
      rel="preconnect"
      href="https://fonts.googleapis.com"
    />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap"
      rel="stylesheet"
    />

<link
      rel="shortcut icon"
      type="image/x-icon"
      href="./../assets/images/favicon.ico"
    />

<title>upl</title>

<link rel="stylesheet" href="./../assets/vendors/metismenu/metisMenu.min.css">

<link rel="stylesheet" href="./../assets/vendors/@flaticon/flaticon-uicons/css/all/all.css">

<link rel="stylesheet" type="text/css" href="./../assets/css/theme.min.css">

<script src="./../assets/js/color-modes.min.js"></script>

</head>

<main id="edash-main">
        
        
        
        
        
        
        
        
        
        <div
          class="edash-page-container container-xxl"
          id="edash-page-container"
        >
          
          <div class="edash-content-breadcumb row mb-4 mb-md-6 pt-md-2">
            <div class="col-12">
              <div class="d-flex align-items-center justify-content-between">
                <div>
                  <h2 class="h4 fw-semibold text-dark">Elements</h2>
                  <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                      <li class="breadcrumb-item">
                        <a href="javascript:void(0);">Components</a>
                      </li>
                      <li class="breadcrumb-item">
                        <a href="javascript:void(0);">Forms</a>
                      </li>
                      <li class="breadcrumb-item active" aria-current="page">
                        Elements
                      </li>
                    </ol>
                  </nav>
                </div>
                <div class="d-flex align-items-center gap-2">
                  <a
                    href="https://getbootstrap.com/docs/5.3/forms/overview/"
                    class="btn btn-md btn-primary"
                    target="_blank"
                    >Official Docs</a
                  >
                </div>
              </div>
            </div>
          </div>
          
          
          <div class="edash-content-section row g-3 g-md-4">
            
            <div class="col-12">
              <div class="card">
                <div class="card-header">
                  <h4 class="card-title">打印</h4>
                </div>
                
                
                
                
                
                
                
                
                
          <div class="card-body">
  <div class="row gy-4">
    <div class="col-12">
      <label for="titleInput" class="form-label">Title</label>
      <input type="text" class="form-control" id="titleInput" />
    </div>
    <div class="col-12">
      <label for="logoInput" class="form-label">Logo</label>
      <input type="file" class="form-control" id="logoInput" />
    </div>
    <div class="col-12">
      <label for="contentInput" class="form-label">Content</label>
      <textarea class="form-control" id="contentInput" rows="3"></textarea>
    </div>
    <div class="col-12">
      <label for="signInput" class="form-label">Sign</label>
      <input type="file" class="form-control" id="signInput" />
    </div>
    <div class="d-flex gap-2">
      <button id="submitPreview" class="btn btn-md btn-primary">
        提交预览
      </button>
    </div>
  </div>
</div>

// Store form data in localStorage
  localStorage.setItem('previewTitle', title);
  localStorage.setItem('previewContent', content);
  
  // Redirect to preview page
  window.location.href = "preview.html";
});
</script>

</div>
            </div>
            
           
           
          </div>
          
        </div>
        
        
        
        
        
        
        <footer
          class="edash-footer-container container-xxl d-flex align-items-center justify-content-between rounded-3 p-4 mx-auto mb-3 ht-64 bg-body-tertiary"
          id="edash-footer-container"
        >
          <div class="hstack">
            <span class="text-muted">
              <script>
                document.write(new Date().getFullYear());
              </script>
              &copy;
            </span>
            <span class="vr mx-2 bg-body-secondary"></span>
            <a href="mailto:wrapcoders@gmail.com">Expodash</a>
          </div>
          <div class="d-flex align-items-center gap-3">
            <a
              href="./../../docs/documentation.html"
              target="_blank"
              class="d-none d-sm-block"
              >Docs</a
            >
            <a href="wrapcoders@gmail.com" target="_blank" class="d-none d-sm-block"
              >About</a
            >
            <a href="wrapcoders@gmail.com" target="_blank">Support</a>
            <a
              href="https://codecanyon.net/item/expodash-bootstrap-5-admin-dashboard-template/52160996"
              target="_blank"
              >Purchase</a
            >
          </div>
        </footer>

</main>
      
      
      
      <div class="edash-menu-backdrop" id="edash-menu-hide"></div>
    </div>
    
    
    
    
    
    
    
    <script src="./../assets/js/vendors.min.js"></script>

<script src="./../assets/js/common-init.min.js"></script>

</body>
</html>