html代码大全 摄氏度
导读:HTML代码大全 – 摄氏度<!DOCTYPE html><html><head> <title>摄氏度转换</title></head><body>...
HTML代码大全 – 摄氏度
!DOCTYPE html> html> head> title> 摄氏度转换/title> /head> body> h1> 摄氏度转换器/h1> p> 输入摄氏度数值:/p> input type="text" id="celsius" name="celsius"> br> br> button onclick="convert()"> 转换/button> br> br> h3> 转换结果:/h3> p id="result"> /p> script> function convert() { var celsius = document.getElementById("celsius").value; var fahrenheit = (celsius * 9/5) + 32; var kelvin = parseInt(celsius) + 273.15; document.getElementById("result").innerHTML = "摄氏度转华氏度: " + fahrenheit.toFixed(2) + "°F" + "br> " + "摄氏度转开尔文: " + kelvin.toFixed(2) + " K"; } /script> /body> /html>
以上是一个简单的HTML代码,用于将输入的摄氏度转换为华氏度和开尔文。
该代码包含HTML页面的基本结构,包括!DOCTYPE html> 声明,html标签,head标签和body标签。页面包含一个标题,一个输入文本框,一个转换按钮和一个显示结果的段落。
此外还包含一个JavaScript函数,在点击转换按钮时会调用该函数。该函数获取输入的摄氏度值,计算华氏度值和开尔文值,并将结果显示在段落中。
使用HTML代码和JavaScript,可以创建各种类型的Web页面和应用程序。HTML代码大全提供了许多预先编写好的代码段,方便开发人员使用和修改。无论是初学者还是经验丰富的开发人员,都可以受益于使用HTML代码大全。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html代码大全 摄氏度
本文地址: https://pptw.com/jishu/542067.html