满洲里市歌唱比赛报名 - 尽情展现你的歌喉
<!DOCTYPE html>
<html>
<head>
<title>满洲里市歌唱比赛报名 - 尽情展现你的歌喉</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
color: #333;
}
form {
margin: 50px auto;
width: 500px;
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
label {
display: block;
margin-bottom: 10px;
color: #333;
}
input[type='text'], select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 3px;
box-sizing: border-box;
margin-bottom: 20px;
font-size: 16px;
}
input[type='submit'] {
background-color: #333;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 3px;
font-size: 18px;
cursor: pointer;
}
input[type='submit']:hover {
background-color: #555;
}
</style>
</head>
<body>
<h1>满洲里市歌唱比赛报名 - 尽情展现你的歌喉</h1>
<form>
<label>姓名:</label>
<input type='text' name='name' required>
<label>性别:</label>
<select name='gender' required>
<option value=''>请选择</option>
<option value='male'>男</option>
<option value='female'>女</option>
</select>
<label>年龄:</label>
<input type='text' name='age' required>
<label>联系电话:</label>
<input type='text' name='phone' required>
<label>邮箱:</label>
<input type='text' name='email' required>
<label>参赛曲目:</label>
<input type='text' name='song' required>
<input type='submit' value='提交报名'>
</form>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/f2ue 著作权归作者所有。请勿转载和采集!