用html喜欢的音乐表单制作有创意
时间: 2024-03-27 16:36:23 浏览: 14
当然可以,以下是一个简单的创意音乐表单的HTML代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>创意音乐表单</title>
<meta charset="UTF-8">
<style>
/* 样式表 */
body {
background-color: #F5F5F5;
font-family: Arial, sans-serif;
}
h1 {
color: #333333;
text-align: center;
margin-top: 50px;
}
form {
background-color: #FFFFFF;
border-radius: 10px;
padding: 20px;
margin: auto;
width: 500px;
box-shadow: 0px 0px 10px #999999;
}
input[type="text"] {
display: block;
margin: 10px auto;
padding: 10px;
border-radius: 5px;
border: 1px solid #CCCCCC;
width: 80%;
font-size: 16px;
}
input[type="submit"] {
display: block;
margin: 10px auto;
padding: 10px 20px;
border-radius: 5px;
border: none;
background-color: #333333;
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
}
</style>
</head>
<body>
<h1>创意音乐表单</h1>
<form action="submit.php" method="POST">
<label for="song">你最喜欢的歌曲是什么?</label>
<input type="text" id="song" name="song" placeholder="请输入歌曲名称">
<label for="artist">你最喜欢的歌手是谁?</label>
<input type="text" id="artist" name="artist" placeholder="请输入歌手名称">
<label for="mood">你听这首歌的心情是什么?</label>
<input type="text" id="mood" name="mood" placeholder="请输入心情">
<input type="submit" value="提交">
</form>
</body>
</html>
```
这个表单会询问用户最喜欢的歌曲和歌手,以及听这首歌的心情。用户填写完表单后,可以点击提交按钮,将表单数据提交到一个PHP脚本进行处理和保存。你可以根据需要修改表单的样式和功能,创造出更加有创意的音乐表单。