<!doctype html> <html> <head> <meta charset="utf-8"> <title>根据出生年份计算生肖</title> <script language="javascript" type="text/javascript"> function show(){ var iYear=Number(document.getElementById("txtYear").value); var shengXiao; if(isNaN(iYear)) {alert("输入错误!"); document.getElementById("txtYear").value=""; document.getElementById("txtYear").focus(); } else{ switch(iYear%12){ case 0: shengXiao="猴"; break; case 1: shengXiao="鸡"; break; case 2: shengXiao="狗"; break; case 3: shengXiao="猪"; break; case 4: shengXiao="鼠"; break; case 5: shengXiao="牛"; break; case 6: shengXiao="虎"; break; case 7: shengXiao="兔"; break; case 8: shengXiao="龙"; break; case 9: shengXiao="蛇"; break; case 10: shengXiao="马"; break; case 11: shengXiao="羊"; break; } } document.getElementById("Shengxiao").innerText="您的生肖是:<b>"+shengXiao+"</b>"; } </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <fieldset> <legend>根据出生年份计算生肖</legend> <p align="center">请输入您的出生年份: <input name="txtYear" type="text" id="txtYear" size="12" /> <input name="btnShow" type="button" id="btnShow" onclick="show();" value="显示生肖" /> </p> <p id="Shengxiao" align="center"></p> </fieldset> </form> </body> </html>
时间: 2023-07-19 13:25:01 浏览: 54
这是一段HTML代码,用于根据输入的年份计算生肖并在网页上显示出来。
代码解析:
- 第1~6行是HTML文档的基本结构,包括文档类型、html标签、head标签和meta标签等。
- 第7~25行是JavaScript脚本代码,用于实现计算生肖的功能。其中,show()函数用于处理用户输入的年份,计算出对应的生肖,并将结果显示在网页上。
- 第26~40行是表单代码,用于创建一个文本框和一个按钮,用户在文本框中输入出生年份,点击按钮后即可显示对应的生肖。
- 第31行是一个if语句,用于判断用户输入的年份是否合法。如果不合法,则弹出提示框并清空文本框。
- 第33~44行是一个switch语句,用于根据输入的年份计算出对应的生肖。
该代码可以直接拷贝到HTML文件中运行,实现根据出生年份计算生肖的功能。
相关问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 绿叶学习网; </body> </html>哪里错了
根据你提供的代码,我发现以下几个问题:
1. 缺少`<!DOCTYPE html>`声明,这个声明告诉浏览器使用哪个HTML版本来解析页面。
2. 缺少`<title>`标签,这个标签用于定义网页的标题,显示在浏览器的标题栏或标签页上。
3. 缺少`<body>`标签内的内容,这个标签用于定义网页的主体内容,可以在其中添加文本、图片、链接等元素。
修正后的代码如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>绿叶学习网</title>
</head>
<body>
绿叶学习网
</body>
</html>
```
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>是一个HTML页面模板,它是一个简单的404页面,用于显示“Not found”错误信息。在这个模板中,<!DOCTYPE html>定义了文档类型,<html>标签定义了HTML文档的根元素,<head>标签定义了文档的头部部分,<meta charset="UTF-8">指定了文档的字符编码为UTF-8,<title>标签定义了文档的标题,<body>标签定义了文档的主体部分,<h1>标签定义了一个一级标题。