Web设计新手求助：如何用PHP实现表单按钮跳转谷歌功能？

嘿，恭喜你完成第一个网站！这可是个超棒的开始～我来帮你一步步搞定这个PHP按钮功能，保证你能轻松上手。

第一步：搭建HTML表单 #

首先你需要一个表单来收集用户输入，把下面这段代码加到你的HTML页面里（替换你原来的按钮相关代码就行）：

<form method="POST" action="submit.php">
  <input type="text" name="user_input" placeholder="请输入内容...">
  <button type="submit" name="search_btn">搜索</button>
</form>

• method="POST"：告诉浏览器用POST方式提交数据，比GET更适合这种场景
• action="submit.php"：指定表单提交后要交给哪个PHP文件处理
• name="user_input"：这个名字很重要，PHP要靠它获取用户输入的内容
• name="search_btn"：用来判断用户是否点击了搜索按钮

第二步：编写PHP处理逻辑 #

接下来创建一个名为submit.php的文件，把下面的代码放进去：

<?php
// 先检查用户是否点击了搜索按钮
if (isset($_POST['search_btn'])) {
    // 获取用户输入的内容，trim()去掉前后空格避免误判
    $user_input = trim($_POST['user_input']);

    // 判断输入是否是"1234"
    if ($user_input === '1234') {
        // 输入正确，跳转到Google
        header("Location: https://www.google.com");
        exit; // 跳转后一定要加这个，防止后续代码继续执行
    } else {
        // 输入错误，给用户提示
        echo "输入有误，请重试！";
        // 加个返回链接，方便用户回到原页面
        echo '<br><a href="index.html">返回输入页面</a>';
    }
}
?>

这里给你划几个重点：

• isset($_POST['search_btn'])：确认用户确实点击了按钮，避免直接访问submit.php时出错
• trim()：去掉输入前后的空格，比如用户输入" 1234 "也能正确识别（不需要的话可以去掉）
• header("Location: ...")：PHP用来跳转页面的函数，注意这个函数前面不能有任何HTML输出或者空格，所以PHP代码要放在页面最顶部

关于你提供的CSS代码 #

你附加的这段CSS可以直接加到HTML的<style>标签里，或者单独存成.css文件引入：

@import url(https://fonts.googleapis.com/css?family=Cabin:400); 
.webdesigntuts-workshop { 
  background: #151515; 
  height: /* 补充你完整的高度值哦 */;
  /* 这里可以继续加其他样式属性 */
}

把这个类名加到页面的容器元素上，就能让你的页面背景变成深色啦～

额外小提示 #

• 测试的时候要确保你的环境支持PHP：本地可以用XAMPP/WAMP搭建服务器，线上要选支持PHP的主机
• 如果不想单独写submit.php，也可以把PHP代码和HTML放在同一个文件里（把文件名改成index.php），然后表单的action改成action=""或者action="<?php echo $_SERVER['PHP_SELF']; ?>"
• 虽然这个功能很简单，但以后处理敏感数据时，记得要做输入过滤和验证哦～

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