以下是一个简单的HTML代码,实现了输入姓名框、选择夸人框和背景图片的要求:

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-image: url("C:/Users/kac/Desktop/manzhouli.jpg");
            background-size: cover;
            background-position: center;
        }
        
        #container {
            width: 300px;
            margin: 100px auto;
            text-align: center;
            background-color: rgba(255, 255, 255, 0.7);
            padding: 20px;
            border-radius: 10px;
        }
        
        label {
            display: block;
            margin-bottom: 10px;
        }
        
        input[type="text"] {
            width: 100%;
            padding: 5px;
            margin-bottom: 10px;
        }
        
        select {
            width: 100%;
            padding: 5px;
            margin-bottom: 10px;
        }
        
        input[type="submit"] {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="container">
        <h2>夸人选择器</h2>
        <form>
            <label for="name">姓名:</label>
            <input type="text" id="name" name="name" placeholder="请输入您的姓名">
            
            <label for="praise">选择夸人:</label>
            <select id="praise" 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>
            
            <input type="submit" value="夸我">
        </form>
    </div>
</body>
</html>

这段代码使用了内联CSS样式来设置背景图片的地址、尺寸和位置。使用了一个容器div元素来包裹输入框和选择框,并设置了一些样式来美化页面布局。

HTML代码:输入姓名框选择谁夸你框选择项包括:孙悟空 唐僧 猪八戒 沙僧 玉皇大帝 观音菩萨 如来佛祖 白骨精 女儿国国王 牛魔王 夏海生。页面布局美观网页背景地址为CUserskacDesktopmanzhoulijpg网页背景图要全部显示

原文地址: https://www.cveoy.top/t/topic/hFkF 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录