送货至:

 

 

电阻器分压器计算器

 

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-21 | 1147 阅读
E类功放介绍
E类功放介绍
2024-11-21 | 1040 阅读
传输晶体管逻辑简介
传输晶体管逻辑简介
2024-11-21 | 1164 阅读
TCP和UDP的原理以及区别
TCP和UDP的原理以及区别
2024-11-21 | 1113 阅读
量子光通信的概念和原理
量子光通信的概念和原理
2024-11-21 | 1174 阅读
确定 E 类功率放大器的射频扼流圈要求
确定 E 类功率放大器的射频扼流圈要求
2024-11-20 | 1280 阅读
WBG 多电平逆变器适合 800V 电池电动汽车
WBG 多电平逆变器适合 800V 电池电动汽车
2024-11-20 | 1150 阅读
电抗器的作用及工作原理
电抗器的作用及工作原理
2024-11-20 | 1205 阅读

 

新品推荐

0201WMF2801TEE

0.00286

0201WMF1372TEE

0.00359

0201WMF3482TCE

0.00690

0201WMF2402TEE

0.00841

RTT12R033FTP

0.06048

RTT02333JTH

0.00791

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

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

13:30-18:30

投诉电话:0755-82566015

微信客服

扫一扫,加我微信

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