首页制作一个页面页面上有两个文本框和提交按钮，在文本框中输入信息后，用鼠标单击提交按钮，将显示文本框中输入的内容

制作一个页面页面上有两个文本框和提交按钮，在文本框中输入信息后，用鼠标单击提交按钮，将显示文本框中输入的内容

时间: 2024-01-22 21:18:45 浏览: 150

以下是一个简单的 HTML 页面，其中包含两个文本框和一个提交按钮。点击提交按钮后，会弹出一个对话框，显示文本框中输入的内容。 ```HTML <!DOCTYPE html> <html> <head> <title>提交表单</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form> <label for="text1">文本框1:</label> <input type="text" id="text1"><br><br> <label for="text2">文本框2:</label> <input type="text" id="text2"><br><br> <input type="button" value="提交" onclick="submitForm()"> </form> <script> function submitForm() { var text1 = document.getElementById("text1").value; var text2 = document.getElementById("text2").value; alert("文本框1的内容是：" + text1 + "\n文本框2的内容是：" + text2); } </script> </body> </html> ``` 你可以将以上代码保存为一个 HTML 文件，并在浏览器中打开该文件，即可看到这个页面。在文本框中输入内容后，点击提交按钮，就可以看到弹出的对话框，显示文本框中输入的内容。

阅读全文