以下是一個簡單的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等)來處理表單提交并存儲數據。