以下是一个简单的HTML表白代码示例:
html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
// 表白函数
function confess() {
var name = document.getElementById("name").value; // 获取输入框中的姓名
var message = document.getElementById("message").value; // 获取输入框中的表白信息
if (name.trim() === '' || message.trim() === '') {
alert('请输入姓名和表白信息!');
} else {
var confession = '亲爱的' + name + ',我想对你说:\n\n' + message; // 构建表白内容
alert(confession); // 弹出表白内容
}
}
</script>
</head>
<body>
<h1>表白页面</h1>
<label for="name">姓名:</label>
<input type="text" id="name" placeholder="请输入姓名"><br><br>
<label for="message">表白信息:</label>
<textarea id="message" placeholder="请输入表白信息"></textarea><br><br>
<button onclick="confess()">表白</button>
</body>
</html>
以上代码创建了一个表单,其中包含姓名输入框和表白信息文本框。当用户点击“表白”按钮时,confess()
函数将获取
输入框中的姓名和表白信息,并根据一定的格式构建表白内容。然后,使用alert()
函数弹出表白内容。
请注意,这只是一个简单的表白页面示例,并没有实际的后端处理。如果您想要将表白内容保存到服务器或进行其他操作,
您需要使用后端编程语言(如PHP、Python等)来处理表单提交并存储数据。