首页html编程写一个网页。需求：上面是文字显示区域，底部有一个输入框，输入文字点确定后一条一条的显示到上面显示区域，最后，保存整个网页到本地

html编程写一个网页。需求：上面是文字显示区域，底部有一个输入框，输入文字点确定后一条一条的显示到上面显示区域，最后，保存整个网页到本地

时间: 2024-04-15 10:31:08 浏览: 81

下面是一个简单的 HTML 网页模板，满足你的需求： ```html <!DOCTYPE html> <html> <head> <title>文字显示区域</title> <style> #display { height: 200px; overflow-y: scroll; border: 1px solid #ccc; padding: 10px; } </style> </head> <body> <div id="display"></div> <input type="text" id="input"> <button onclick="addText()">确定</button> <script> function addText() { var input = document.getElementById("input"); var display = document.getElementById("display"); var text = input.value; // 创建新的段落元素，并将输入的文字添加到其中 var paragraph = document.createElement("p"); paragraph.textContent = text; // 将新的段落元素添加到显示区域 display.appendChild(paragraph); // 清空输入框 input.value = ""; } // 保存网页到本地 function saveWebPage() { var html = document.documentElement.outerHTML; var blob = new Blob([html], {type: "text/html"}); var url = URL.createObjectURL(blob); // 创建一个下载链接，点击后下载保存网页 var a = document.createElement("a"); a.href = url; a.download = "webpage.html"; a.click(); } </script> <button onclick="saveWebPage()">保存网页</button> </body> </html> ``` 这个网页模板包含一个文字显示区域和一个输入框。当你在输入框中输入文字并点击确定按钮后，输入的文字会一条一条地显示在文字显示区域上方。最后，你可以点击“保存网页”按钮将整个网页保存到本地，保存的文件名为`webpage.html`。

阅读全文