无编码经验求助：基于IONOS实现指定代码跳转页面的HTML方案

直接用下面这段代码就能实现你要的功能，复制后粘贴到IONOS的HTML代码小工具里即可：

<!DOCTYPE html>
<html>
<body>
  <div>
    <label for="code-input">请输入访问代码：</label>
    <input type="text" id="code-input" placeholder="比如abcd">
    <button type="button" onclick="checkAndRedirect()">提交</button>
  </div>

  <script>
    // 定义允许的12个有效代码
    const validCodes = ['abcd', 'abce', 'abcf', 'abcg', 'abch', 'abci', 'abcj', 'abck', 'abcl', 'abcm', 'abcn', 'abco'];

    function checkAndRedirect() {
      // 获取用户输入的代码，转小写避免大小写差异问题
      const inputCode = document.getElementById('code-input').value.toLowerCase();
      
      // 检查输入是否在有效列表内
      if (validCodes.includes(inputCode)) {
        // 跳转到对应页面
        window.location.href = `mywebpage/${inputCode}`;
      } else {
        // 输入无效时提示用户
        alert('输入的代码不正确，请重新输入');
      }
    }
  </script>
</body>
</html>

简单说明（适合新手）： #

• <label>：显示提示文字，告诉用户要输入什么
• <input>：用户输入代码的输入框，placeholder里的文字是输入提示
• <button>：点击后触发跳转检查的提交按钮
• 脚本部分：
  • validCodes：存了你指定的12个有效代码，确保只有输入这些内容才会跳转
  • checkAndRedirect函数：点击按钮后执行的逻辑，先获取输入内容，检查有效性，有效就跳转到对应路径，无效弹出提示

注意事项： #

• 要确保mywebpage/abcd、mywebpage/abce这些页面已经在你的网站上创建完成，否则跳转后会显示页面不存在的错误
• 如果需要严格区分大小写（比如输入ABCD不算有效），删掉代码里的.toLowerCase()即可

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