无需JavaScript实现：将当前页面URL通过查询参数传递至下一页文本框

嘿，刚好能帮你搞定这个需求！既然你不想用JavaScript，纯HTML结合服务器端渲染（或者静态页面手动配置）就能实现，完全匹配你提到的/?textfield="Thisisatext"这种参数填充逻辑。

核心思路 #

利用HTML的GET请求特性：当你通过链接或表单提交GET请求时，表单字段的值会自动拼接到目标URL的查询参数中，而浏览器会自动把URL中匹配文本框name属性的参数值填充到对应文本框里。

方案1：服务器端渲染页面（动态获取当前URL） #

如果你的页面是由服务器端语言（比如PHP、Python Django/Flask、Node.js Express等）生成的，可以动态获取当前页面A的URL，无需手动写死：

示例（PHP版本）

页面A的按钮可以用表单或者链接实现：

• 表单方式（更贴合按钮交互逻辑）：

<form action="pageB.html" method="get">
  <!-- 隐藏字段存储当前页面A的URL，服务器端动态生成并编码 -->
  <input type="hidden" name="textfield" value="<?php echo urlencode($_SERVER['REQUEST_URI']); ?>">
  <button type="submit">跳转到页面B</button>
</form>

• 链接方式：

<a href="pageB.html?textfield=<?php echo urlencode($_SERVER['REQUEST_URI']); ?>">跳转到页面B</a>

其他服务器端语言思路

比如Python Flask：

<form action="/pageB" method="get">
  <input type="hidden" name="textfield" value="{{ urlencode(request.path) }}">
  <button type="submit">跳转到页面B</button>
</form>

核心都是在服务器端获取当前页面的URL并进行URL编码，避免参数出现解析错误。

方案2：纯静态HTML页面（手动配置URL） #

如果是完全静态的HTML页面，没法动态获取当前URL，只能手动把页面A的URL编码后写到链接或表单里：

• 表单方式：

<form action="pageB.html" method="get">
  <input type="hidden" name="textfield" value="https%3A%2F%2Fyour-domain.com%2FpageA.html">
  <button type="submit">跳转到页面B</button>
</form>

• 链接方式：

<a href="pageB.html?textfield=https%3A%2F%2Fyour-domain.com%2FpageA.html">跳转到页面B</a>

注意：一定要对URL进行编码，比如把https://your-domain.com/pageA.html转换成https%3A%2F%2Fyour-domain.com%2FpageA.html，可以用在线URL编码工具完成这一步。

页面B的关键配置 #

确保页面B的文本框name属性是textfield，这样浏览器才能自动匹配参数填充：

<input type="text" name="textfield" id="textfield">

这样当用户在页面A点击按钮/链接跳转到页面B时，页面A的URL就会作为textfield参数出现在页面B的URL中，浏览器自动把这个值填充到对应的文本框里，完全不需要JavaScript！

内容的提问来源于stack exchange，提问作者user2334488