HTML写小程序完整代码

随着移动互联网的迅猛发展，小程序已经成为了一种重要的应用形式，尤其是在智能手机上，小程序可以提供更佳的用户体验。HTML可以用来编写小程序的界面元素，下面是一个完整的HTML小程序代码。

!DOCTYPE html>
    html>
    head>
      meta charset="utf-8">
      title>
    我的小程序/title>
    /head>
    body>
      div>
        h1>
    欢迎使用我的小程序/h1>
        form>
          label for="name">
    姓名:/label>
          input type="text" id="name" name="name">
          br>
          label for="age">
    年龄:/label>
          input type="number" id="age" name="age">
          br>
          input type="submit" value="提交">
        /form>
      /div>
      script>
    function handleSubmit(event) {
          event.preventDefault();
          const name = document.getElementById("name").value;
          const age = document.getElementById("age").value;
      alert(`您好，${
name}
，您的年龄是${
age}
    岁。`);
    }
        const form = document.querySelector("form");
        form.addEventListener("submit", handleSubmit);
      /script>
    /body>
    /html>
    

上面的代码包括了HTML的基本结构和一个表单元素，可以收集用户输入的姓名和年龄。当用户点击提交按钮时，会弹出一个提示框，显示用户输入的信息。代码中使用了JavaScript来处理表单提交事件，防止用户误操作或意外退出程序。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！