HTML｜温度转换程序

最新推荐文章于 2024-04-06 00:08:32 发布

匿名用户小易

最新推荐文章于 2024-04-06 00:08:32 发布

阅读量927

点赞数

CC 4.0 BY-SA版权

文章标签： html 温度转换

本文链接：https://blog.csdn.net/qq_43571150/article/details/103414137

这篇博客介绍了如何使用HTML创建一个温度转换程序，用户输入摄氏温度，通过JSP计算并返回对应的华氏温度。操作步骤包括新建HTML和JSP文件，编辑内容以实现交互，并在Tomcat服务器上运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

温度转换程序

创建一个HTML文件，要求用户输入待转换的摄氏温度，通过按钮提交请求一个JSP页面，返回对应的华氏温度。
其中：华氏温度 = 1.8*摄氏温度 + 32。
HTML显示效果为：
在这里插入图片描述
HTML提示代码：
JSP提示代码：

操作说明：

在“VoteCounter”项目的“WebContent”文件夹上点击右键，选择“New-HTML File”新建HTML文件在这里插入图片描述
在弹出的对话框中，设置文件名为“tempconvert0.html”，点击“Finish”按钮

修改生成的“tempconvert0.html”文件来显示文本框及按钮。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="tempconvert1.jsp" method="get">
摄氏温度：
<input type="text" name="ctemp" />
<input type="submit" value="转换为华氏温度" />
</form>>
</body>
</html>

在“VoteCounter”项目的“WebContent”文件夹上点击右键，选择“New-JSP File” 在这里插入图片描述
在弹出的对话框中，设置文件名为“tempconvert1.jsp”，点击“Finish”按钮
修改JSP页面内容，以响应HTML页面的请求

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<% 
String strCtemp=request.getParameter("ctemp");
float ftemp=1.8f*Integer.parseInt(strCtemp)+32.0f;
%>

摄氏温度: <%=strCtemp %>
<br/>
<br/>
华氏温度: <%=ftemp %> 

</body>
</html>