HTML5動態(tài)表白源代碼
HTML5不僅提供了新的語義化標簽，還增強了表單控件和多媒體支持。如今越來越多的人使用HTML5制作表白網(wǎng)頁了，以下是一個示例：
<html>
<head>
<title> 表白網(wǎng)頁</title>
<style>
body {
background-color: #f6f6f6;
}
h1 {
font-family: Arial, sans-serif;
color: #ff007f;
text-align: center;
}
form {
margin: 0 auto;
width: 400px;
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
padding: 20px;
border-radius: 10px;
}
input[type=text],
input[type=email],
input[type=tel] {
display: block;
border: none;
border-bottom: solid 2px #ff007f;
width: 100%;
margin-bottom: 20px;
font-size: 16px;
font-family: Arial, sans-serif;
color: #1a1a1a;
}
input[type=submit] {
width: 100%;
background-color: #ff007f;
color: #fff;
padding: 10px;
border: none;
font-size: 18px;
font-family: Arial, sans-serif;
cursor: pointer;
border-radius: 5px;
transition: background-color 0.3s ease;
}
input[type=submit]:hover {
background-color: #e60073;
}
</style>
</head>
<body>
<h1>我想跟你說…</h1>
<form action="#">
<label>姓名:<br><input type="text" name="name"></label>
<label>電話:<br><input type="tel" name="tel"></label>
<label>郵箱:<br><input type="email" name="email"></label>
<input type="submit" value="提交">
</form>
</body>
</html>以上示例展示了一個簡單的表單，用于填寫姓名、電話和電子郵件，提交后會將信息發(fā)送給指定的郵箱地址。當然，這只是一個基于HTML5的簡單表白網(wǎng)頁，您可以根據(jù)自己的需要進行修改和改進。