HTML 代码:输入姓名,选择西游记角色夸你 - 个性化互动体验
以下是一个简单的 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 文件,然后在浏览器中打开该文件,即可看到效果。
原文地址: https://www.cveoy.top/t/topic/fvSe 著作权归作者所有。请勿转载和采集!