burnreading.zjccc1411.serv00.net Open in urlscan Pro
188.68.240.160  Public Scan

Form analysis
1 forms found in the DOM

POST

<form method="POST" enctype="multipart/form-data">
  <div class="mb-4">
    <label for="senderName" class="form-label"> 您的名字 <span class="text-sm text-gray-500 ml-2">可选</span>
    </label>
    <input type="text" id="senderName" name="senderName" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" placeholder="请输入您的名字">
  </div>
  <div class="mb-4">
    <label for="senderNote" class="form-label"> 备注 <span class="text-sm text-gray-500 ml-2">可选</span>
    </label>
    <input type="text" id="senderNote" name="senderNote" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" placeholder="请输入备注">
  </div>
  <div class="mb-4">
    <label for="senderPassword" class="form-label"> 设置密码 <span class="text-sm text-gray-500 ml-2">可选</span>
    </label>
    <input type="password" id="senderPassword" name="senderPassword" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" placeholder="请输入密码">
  </div>
  <div class="mb-4">
    <label for="message" class="form-label"> 消息内容 <span class="text-sm text-gray-500 ml-2">支持 Markdown 格式</span>
    </label>
    <div class="editor-container shadow">
      <div class="editor-toolbar">
        <div class="editor-tabs">
          <button type="button" id="editTab" class="editor-tab tab-active" onclick="switchTab('edit')">编辑</button>
          <button type="button" id="previewTab" class="editor-tab" onclick="switchTab('preview')">预览</button>
        </div>
        <div class="editor-options">
          <label class="flex items-center">
            <input type="checkbox" id="autoHeight" class="mr-2" onchange="toggleAutoHeight()">
            <span class="text-sm text-gray-500 ml-2">自适应高度</span>
          </label>
        </div>
      </div>
      <div id="editArea" class="content-area">
        <div class="editor-content">
          <textarea id="message" name="message" required="" oninput="updatePreview(); autoResize();"></textarea>
        </div>
      </div>
      <div id="previewArea" class="content-area hidden">
        <div class="editor-content markdown preview-content"></div>
      </div>
    </div>
  </div>
  <div class="mb-4">
    <label for="expiry" class="form-label"> 过期时间 <span class="text-sm text-gray-500 ml-2">最大允许时间 7:0:0:0</span>
      <span id="currentExpiry" class="text-sm ml-2 text-gray-500">当前设置：0秒</span>
    </label>
    <div class="flex space-x-2">
      <div class="flex-1">
        <div class="relative">
          <input type="number" id="days" name="expiry_days" min="0" max="365" value="0" class="shadow appearance-none border rounded w-full py-2 pl-3 pr-12 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
            oninput="validateAndUpdateTime()">
          <span class="absolute right-3 top-2 text-gray-600 text-sm">天</span>
        </div>
      </div>
      <div class="flex-1">
        <div class="relative">
          <input type="number" id="hours" name="expiry_hours" min="0" max="23" value="0" class="shadow appearance-none border rounded w-full py-2 pl-3 pr-12 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
            oninput="validateAndUpdateTime()">
          <span class="absolute right-3 top-2 text-gray-600 text-sm">时</span>
        </div>
      </div>
      <div class="flex-1">
        <div class="relative">
          <input type="number" id="minutes" name="expiry_minutes" min="0" max="59" value="0" class="shadow appearance-none border rounded w-full py-2 pl-3 pr-12 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
            oninput="validateAndUpdateTime()">
          <span class="absolute right-3 top-2 text-gray-600 text-sm">分</span>
        </div>
      </div>
      <div class="flex-1">
        <div class="relative">
          <input type="number" id="seconds" name="expiry_seconds" min="0" max="59" value="0" class="shadow appearance-none border rounded w-full py-2 pl-3 pr-12 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
            oninput="validateAndUpdateTime()">
          <span class="absolute right-3 top-2 text-gray-600 text-sm">秒</span>
        </div>
      </div>
    </div>
  </div>
  <!-- Image Upload -->
  <h2 class="text-2xl font-bold mb-4 text-center">上传图片</h2>
  <div id="dropBox" class="border-dashed border-2 border-gray-400 p-6 rounded-md mb-4">
    <p class="text-gray-600">拖放图片到此处，或点击下方按钮选择文件</p>
  </div>
  <button type="button" id="uploadBtn" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">选择图片</button>
  <input type="file" id="fileInput" name="images[]" multiple="" style="display: none;">
  <!-- Image Gallery -->
  <div id="gallery" class="border border-gray-300 mt-4 p-4 h-60 overflow-y-auto">
    <p class="text-gray-600">上传的图片将在这里展示</p>
  </div>
  <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full">发送</button>
</form>

Text Content

发送阅后即焚消息

您的名字 可选
备注 可选
设置密码 可选
消息内容 支持 Markdown 格式
编辑 预览
自适应高度


过期时间 最大允许时间 7:0:0:0 当前设置：0秒
天
时
分
秒


上传图片

拖放图片到此处，或点击下方按钮选择文件

选择图片

上传的图片将在这里展示

发送