- 智能AI问答！更聪明、更完整、原创作！
- 一款基于GPT的超级AI机器人，可以回答问题、聊天、创作、写文案！
php + html 写一个提交数据的案例，要求有多行输入框，有复制按钮、清空按钮、提交按钮
发布于 2023-09-13 12:46:41
以下是一个使用PHP和HTML编写的提交数据的案例，其中包含多行输入框、复制按钮、清空按钮和提交按钮：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>提交数据案例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>提交数据案例</h1>
<form method="post" action="submit.php">
<textarea name="data" rows="5" cols="50"></textarea>
<br>
<button type="button" id="copyBtn">复制</button>
<button type="button" id="clearBtn">清空</button>
<br>
<input type="submit" value="提交">
</form>
<script>
$(document).ready(function () {
// 点击复制按钮
$("#copyBtn").click(function () {
var data = $("textarea[name='data']").val();
navigator.clipboard.writeText(data);
alert("已复制数据到剪贴板");
});
// 点击清空按钮
$("#clearBtn").click(function () {
$("textarea[name='data']").val("");
});
});
</script>
</body>
</html>在上述代码中，使用<textarea>标签创建了一个多行输入框，用于输入数据。页面中有三个按钮：复制按钮、清空按钮和提交按钮。
点击复制按钮时，通过使用navigator.clipboard.writeText()函数将输入框中的数据复制到剪贴板，并弹出提示框"已复制数据到剪贴板"。
点击清空按钮时，使用jQuery选择器找到输入框并清空其中的内容。
提交按钮在点击后将表单中的数据通过POST方法发送到名为submit.php的处理文件进行处理，你可以根据自己的需求来创建submit.php文件来处理提交的数据。
请注意，上述示例仅提供了前端页面的相关代码，并未包含后台处理的完整代码。你需要创建一个名为submit.php的处理文件来接收和处理提交的数据。
0 条评论
关于作者
