你这个没有实现拖拽功能啊

非常抱歉，我的回答有误。在不使用 JavaScript 的情况下实现拖拽上传功能确实比较困难。因为 HTML 标准中并没有提供实现拖拽上传功能的标签和属性，需要通过 JavaScript 来实现拖拽事件的监听和文件上传的处理。如果不使用 JavaScript，我们只能使用 HTML 标准提供的 `<form>` 和 `<input>` 标签来实现上传功能。

下面是一个不使用 JavaScript 实现上传 PDF 文件的美观示例：

HTML 代码：

<div id="drop-area">
  <p>拖拽或点击上传PDF文件</p>
  <form enctype="multipart/form-data" method="post">
    <input type="file" name="file" accept="application/pdf" id="file-input">
    <label for="file-input" id="file-label">选择文件</label>
    <input type="submit" value="上传">
  </form>
</div>

CSS 代码：

#drop-area {
  border: 2px dashed #ccc;
  width: 100%;
  height: 200px;
  text-align: center;
  font-size: 20px;
  line-height: 200px;
  background-color: #f9f9f9;
}

#file-input {
  display: none;
}

#file-label {
  display: inline-block;
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}

在这个示例中，我们使用了一个包含文件上传功能的 `<form>` 表单，在表单中添加了一个 `<input>` 标签，设置 `type="file"` 和 `accept="application/pdf"` 属性，这样用户在上传文件时就只能选择 PDF 格式的文件。同时，我们添加了一个 `<label>` 标签，用于显示上传文件的名称。最后，在表单中添加了一个 `<input>` 标签，设置 `type="submit"` 属性，这样用户点击提交按钮时就可以上传文件了。

需要注意的是，这种方式只能实现文件上传功能，无法实现拖拽上传功能。如果需要实现拖拽上传功能，需要使用 JavaScript 代码来监听拖拽事件，并将文件上传到服务器端。