您需要在 html 中创建一个表单。基本上，表单是一个块，它允许用户输入一些值（文本、密码、电子邮件、日期、整数、文件……），并且一旦通过提交按钮提交这些值，就会将这些值发送到将处理的某个文件这些数据。
一个典型的例子是登录表单，您几乎可以在您知道的每个网站上看到它。
可能是这样的：
<form action="processing_script.php" method="post">
<input type="email" name="user_mail" placeholder="Please enter your mail here">
<input type="password" name="user_password" placeholder="Please enter your password here">
<input type="submit" value="Click here to send the form">
</form>
您可以看到本示例中使用的一些属性，我将分别描述它们：
- 表单标签的动作属性：它是接收和处理来自该表单的值的脚本。
- 表单标签的方法属性：这是将值发送到目标脚本的方式。它可以是他们的“post”或“get”。 post 方法将通过 http 标头发送值，因此它对用户是隐藏的（但可以使用 Wireshark 等工具看到）。 get 方法将像这样通过地址栏发送值（这是您提交表单后看到的 url）：http://yourWebsite.com/processing_script.php?user_mail=johndoe@liamg.com&user_password=mYp@$$W0rD
- 表单标签的type属性：取决于你希望用户查询的数据类型。您的网络浏览器将使用此属性来确定他将向用户显示输入的方式。例如，如果您编写 type="date"，用户将看到一个小日历小部件。当用户点击提交按钮时，浏览器也会对数据类型做一些基本的验证（事实上，如果输入类型是“email”并且用户输入的值，浏览器不会让某人验证表单是“zertredfgt@”或“erfthrefbgthre”，但如果邮件是“johndoe@liamg.com”，它将通过）。类型可以是电子邮件、文本、日期、密码、文件、提交等。
- 输入标签的名称属性：它是变量的名称，将在目标脚本中用于访问用户在表单字段中输入的值。
- 输入标签的占位符属性：当字段为空时，它是字段中显示的文本。文字不是黑色，而是某种灰色。
最后要解释的是：
它显示为一个按钮，上面的文字来自 value 属性。
在您的情况下，我认为您只需要使用一些 JavaScript：
创建一个 JavaScript 方法，该方法将根据在文本输入中输入的内容将您重定向到正确的 pdf url。
创建一个小表单，没有操作或方法字段。
创建一个具有良好属性名称的输入类型文本（用于员工编号），如下所示：name="staffNumber"。
像这样创建一个按钮（不是提交按钮）：
要重定向到 JavaScript 中的特定 url，您需要阅读以下内容：How do I redirect to another webpage?
要从 JavaScript 中的输入读取值，您可以这样进行：
...
var staff_number = getElementsByName("staffNumber")[0].value;
...
要创建正确 PDF 的完整 url，只需使用连接运算符（在 JavaScript 中是 +），这样应该可以：
...
var base_url = "http://youWebsite.com/Staff";
var file_extension = ".pdf";
var full_url = base_url + staff_number.toString() + file_extension;
...
（.toString() 是一种确保将其作为字符串处理的方法，以连接并避免我猜可能发生的一些奇怪的添加）
我认为您拥有创建所需的一切所需的一切。
尝试后请及时更新！