HTML 输入姓名框 + 选择谁夸你框 - 西游记人物选择 - 常规

以下是一个使用 HTML 代码实现的输入姓名框和选择框的示例，用户可以选择由哪个人物来夸奖自己：

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-image: url('北极熊.jpg');
            background-size: cover;
        }
        
        .container {
            width: 300px;
            margin: 0 auto;
            margin-top: 100px;
            padding: 20px;
            background-color: white;
            border-radius: 10px;
            text-align: center;
        }
        
        input[type='text'], select {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 5px;
            border: 1px solid #ccc;
        }
        
        input[type='submit'] {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class='container'>
        <h2>输入姓名</h2>
        <form>
            <input type='text' name='name' placeholder='请输入姓名'>
            <select name='praise'>
                <option value='孙悟空'>孙悟空</option>
                <option value='唐僧'>唐僧</option>
                <option value='猪八戒'>猪八戒</option>
                <option value='沙僧'>沙僧</option>
                <option value='玉皇大帝'>玉皇大帝</option>
                <option value='观音菩萨'>观音菩萨</option>
                <option value='如来佛祖'>如来佛祖</option>
                <option value='白骨精'>白骨精</option>
                <option value='女儿国国王'>女儿国国王</option>
                <option value='牛魔王'>牛魔王</option>
                <option value='夏海生'>夏海生</option>
            </select>
            <br>
            <input type='submit' value='提交'>
        </form>
    </div>
</body>
</html>

在这个示例中，使用了一个容器（class='container'）来包裹输入框和选择框。通过 CSS 样式设置了容器的布局、背景图片和输入框的样式。在选择框中，使用了 <option> 标签来定义每个可选项的值和显示文本。

请注意，为了显示背景图片，你需要将名为 北极熊.jpg 的图片文件放置在与 HTML 文件相同的目录中。你还可以根据需要修改背景图片的路径和名称。