以下是一个简单的 HTML 代码示例,实现了输入姓名框架和选择项的功能,并设置了淡蓝色背景和居中对齐:

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: lightblue;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>谁来夸你</h1>
    <form>
        <label for="name">请输入你的姓名:</label>
        <input type="text" id="name" name="name" required><br><br>
        <label for="praise">请选择夸赞的对象:</label>
        <select id="praise" name="praise" required>
            <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>
            <option value="女儿国国王">女儿国国王</option>
            <option value="铁扇公主">铁扇公主</option>
            <option value="东海龙王">东海龙王</option>
        </select><br><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

你可以将上述代码保存为一个 HTML 文件,然后在浏览器中打开该文件,即可看到效果。

HTML 代码:输入姓名,选择西游记角色夸你 -  个性化互动体验

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

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