送货至:

 

 

电阻器分压器计算器

 

2024-11-12 14:59:43

晨欣小编

用户可以通过网页输入电压和电阻值,计算并显示输出电压。


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>电阻分压器计算器</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 0;

            padding: 0;

            display: flex;

            justify-content: center;

            align-items: center;

            height: 100vh;

            background-color: #f4f4f4;

        }

        .container {

            background-color: white;

            padding: 20px;

            border-radius: 8px;

            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

            width: 300px;

            text-align: center;

        }

        input[type="number"] {

            width: 80%;

            padding: 8px;

            margin: 10px 0;

            border: 1px solid #ccc;

            border-radius: 4px;

        }

        input[type="submit"] {

            width: 80%;

            padding: 10px;

            border: none;

            background-color: #4CAF50;

            color: white;

            border-radius: 4px;

            cursor: pointer;

        }

        input[type="submit"]:hover {

            background-color: #45a049;

        }

        .result {

            margin-top: 20px;

            font-size: 1.2em;

            font-weight: bold;

        }

    </style>

</head>

<body>


<div>

    <h2>电阻分压器计算器</h2>

    <form method="POST">

        <label for="V1">输入电压 (V1) (伏特):</label><br>

        <input type="number" id="V1" name="V1" step="any" required><br>


        <label for="R1">电阻 R1 (Ω):</label><br>

        <input type="number" id="R1" name="R1" step="any" required><br>


        <label for="R2">电阻 R2 (Ω):</label><br>

        <input type="number" id="R2" name="R2" step="any" required><br>


        <input type="submit" value="计算输出电压">

    </form>


    <?php

    if ($_SERVER["REQUEST_METHOD"] == "POST") {

        // 获取用户输入的值

        $V1 = $_POST['V1'];

        $R1 = $_POST['R1'];

        $R2 = $_POST['R2'];


        // 计算输出电压 Vout

        if ($R1 + $R2 != 0) {

            $Vout = $V1 * ($R2 / ($R1 + $R2));

            echo "<div>输出电压 Vout 为: " . round($Vout, 2) . " V</div>";

        } else {

            echo "<div style='color: red;'>电阻值不能为零!</div>";

        }

    }

    ?>

</div>


</body>

</html>


运行效果:



  1. HTML 部分

    • 创建了一个表单,用户可以输入输入电压 V1 和两个电阻 R1R2 的值。

    • 提交表单后,页面会显示计算结果。

  2. PHP 部分

    • 当表单提交时,PHP 会处理 POST 请求并获取用户输入的 V1, R1, R2 值。

    • 使用分压器公式:

      Vout=V1×R2R1+R2V_{out} = V_1 \times \frac{R_2}{R_1 + R_2}

      Vout=V1×R1+R2R2

    • 计算并显示输出电压 Vout。如果电阻值之和为零(即 R1 + R2 == 0),则显示错误信息。

  3. 样式(CSS)

    • 页面使用了一些基础的样式,使其看起来更加简洁和美观。

    • 表单元素具有良好的对齐和边距,确保用户体验。

使用示例:

  1. 打开网页,输入:

    • 输入电压 V1 = 12V

    • 电阻 R1 = 1000Ω

    • 电阻 R2 = 2000Ω

  2. 点击“计算输出电压”,结果会显示:

    复制代码输出电压 Vout 为: 8.00 V

运行:

  1. 将上述代码保存为一个 .php 文件(例如 voltage_divider.php)。

  2. 将文件上传到支持 PHP 的服务器或本地 PHP 环境中运行。

  3. 访问该页面,输入所需的值并点击计算。


 

推荐大牌

 

热点资讯 - 技术支持

 

电阻并联计算器工具代码
电阻并联计算器工具代码
2024-11-12 | 1035 阅读
TU 射频 - 波长换算工具方案
TU 射频 - 波长换算工具方案
2024-11-12 | 1172 阅读
dBm 转瓦特换算代码方案
dBm 转瓦特换算代码方案
2024-11-12 | 1299 阅读
电阻器分压器计算器
电阻器分压器计算器
2024-11-12 | 1116 阅读
将数字隔离器集成到智能家居设备
将数字隔离器集成到智能家居设备
2024-11-12 | 1069 阅读
了解光电二极管工作的光伏和光电导模式
了解光电二极管工作的光伏和光电导模式
2024-11-12 | 1176 阅读
CCD 成像系统中的像素读出和帧速率
CCD 成像系统中的像素读出和帧速率
2024-11-12 | 1065 阅读
常见的示波器探头都有哪些
常见的示波器探头都有哪些
2024-11-12 | 1064 阅读

 

新品推荐

RTT02110JTH

0.00102

0402WGF910JTCE

0.00879

RTT023243FTH

0.00967

RTT037322FTP

0.01268

RTT021502FTH

0.01797

RTA03-4D000JTP

0.05115

收起 展开
QQ客服
我的专属客服
工作时间

周一至周六:09:00-12:00

13:30-18:30

投诉电话:0755-82566015

微信客服

扫一扫,加我微信

0 优惠券 0 购物车 BOM配单 我的询价 TOP