那时候的按钮改成发送短信功能
时间: 2024-02-20 10:56:08 浏览: 12
好的,以下是一个简单的HTML模板,您可以根据需要进行修改和美化:
```html
<!DOCTYPE html>
<html>
<head>
<title>道歉网页</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
color: #333;
background-color: #eee;
}
h1 {
text-align: center;
font-size: 28px;
margin-top: 50px;
}
p {
text-align: center;
font-size: 20px;
margin-top: 20px;
}
button {
display: block;
margin: 50px auto 0;
padding: 10px 20px;
font-size: 20px;
background-color: #333;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #555;
}
</style>
<script type="text/javascript">
function sendSMS() {
var phoneNumber = "这里填写女友的电话号码";
var message = "这里填写道歉短信内容";
window.location.href = "sms:" + phoneNumber + "?body=" + encodeURIComponent(message);
}
</script>
</head>
<body>
<h1>亲爱的XXX(女友名字):</h1>
<p>我很抱歉让你伤心了,我深深地感到愧疚和内疚。</p>
<p>我希望你能够原谅我,给我们的关系一个重新开始的机会。</p>
<button onclick="sendSMS()">发送道歉短信</button>
</body>
</html>
```
在这个模板中,我添加了一个 `sendSMS()` 的 JavaScript 函数,用于发送短信。您需要在其中填写女友的电话号码和道歉短信内容。然后在按钮中调用这个函数,点击按钮就可以发送短信了。
需要注意的是,这个功能在不同的浏览器和操作系统中可能会有一些差异。有些浏览器不支持或者需要用户授权才能使用这个功能。如果您遇到了问题,可以尝试在其他浏览器或者手机上使用。