夸夸我我 - 在线生成个性化夸奖 - 常规

<!DOCTYPE html>
<html>
<head>
<title>夸夸我我 - 在线生成个性化夸奖</title>
<style>
body {
    background-image: url('C:\Users\kac\Desktop\manzhouli.jpg');
    background-size: cover;
}
<p>.container {
width: 50%;
margin: 0 auto;
padding: 20px;
background-color: white;
opacity: 0.8;
}</p>
<p>h1 {
text-align: center;
}</p>
<p>form {
display: flex;
flex-direction: column;
align-items: center;
}</p>
<p>label {
margin-bottom: 10px;
}</p>
<p>input[type='text'] {
width: 100%;
padding: 10px;
margin-bottom: 10px;
}</p>
<p>select {
width: 100%;
padding: 10px;
margin-bottom: 10px;
}</p>
<p>input[type='submit'] {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}</p>
</style>
</head>
<body>
<div class='container'>
    <h1>夸夸我我</h1>
    <form>
        <label for='name'>姓名:</label>
        <input type='text' id='name' name='name'>
<pre><code>    &lt;label for='evaluation'&gt;想让谁评价:&lt;/label&gt;
    &lt;select id='evaluation' name='evaluation'&gt;
        &lt;option value='孙悟空'&gt;孙悟空&lt;/option&gt;
        &lt;option value='猪八戒'&gt;猪八戒&lt;/option&gt;
        &lt;option value='唐僧'&gt;唐僧&lt;/option&gt;
        &lt;option value='白骨精'&gt;白骨精&lt;/option&gt;
        &lt;option value='女儿国国王'&gt;女儿国国王&lt;/option&gt;
        &lt;option value='牛魔王'&gt;牛魔王&lt;/option&gt;
        &lt;option value='夏海生'&gt;夏海生&lt;/option&gt;
    &lt;/select&gt;
    
    &lt;label for='duration'&gt;预设评价时长（分钟）:&lt;/label&gt;
    &lt;input type='text' id='duration' name='duration'&gt;
    
    &lt;input type='submit' value='提交'&gt;
&lt;/form&gt;
</code></pre>
</div>
</body>
</html>