帮我用html写一个记事本页面,要支持自定义编辑
时间: 2023-09-28 22:13:48 浏览: 77
好的,以下是一个简单的HTML记事本页面的示例,你可以根据自己的需求进行修改和定制。
```
<!DOCTYPE html>
<html>
<head>
<title>记事本</title>
<meta charset="UTF-8">
<style>
body {
font-family: Arial, sans-serif;
}
textarea {
width: 100%;
height: 400px;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 5px;
resize: none;
}
</style>
</head>
<body>
<h1>记事本</h1>
<form action="#" method="post">
<label for="note">编辑内容:</label>
<br>
<textarea id="note" name="note"></textarea>
<br>
<input type="submit" value="保存">
</form>
</body>
</html>
```
这段代码会生成一个简单的记事本页面,包含一个文本框和一个保存按钮。你可以在文本框中输入任何内容,并在点击保存按钮后将其保存到服务器或本地存储中。
需要注意的是,该示例并未包含任何服务器端代码,因此保存功能并不会真正地将数据保存到服务器或本地存储中。如果你需要实现这些功能,需要使用其他技术和工具来完成。