基于MFC的CDHtmlDialog 工程创建及html数据交互。

Ya土豆儿~

已于 2023-04-18 09:34:16 修改

阅读量753

点赞数

分类专栏： c plus plus 文章标签：前端

于 2022-04-19 17:57:01 首次发布

本文链接：https://blog.csdn.net/github_37687123/article/details/124279478

版权

本文介绍了如何在VS2010中利用MFC的CDHtmlDialog创建工程，并详细讲解了从建立工程、效果展示到html代码编写，按键事件绑定，数据交互以及页面滚动的设置全过程。

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

1. VS2010 建立工程如图

2. 效果展示

3. html代码

<style>
    .item {
        margin-bottom: 15px;
        margin-top: 30px;
    }

        .item:last-child {
            margin-bottom: 20%;
        }

        .item .item-title {
            font-size: 25px;
            margin-bottom: 1px;
            padding: 0 15px;
            font-weight: bold;
        }

        .item .group > div {
            font-size: 20px;
            display: inline-block;
            margin-left: 2%;
            margin-bottom: 15px;
            color: #333;
        }

    input {
        margin-right: 5px;
    }

        input:focus {
            outline: none;
            box-shadow: none;
        }

    .input-module {
        font-size: 30px;
        margin-left: 2%;
        height: 38px;
        line-height: 38px;
        border: 1px solid #dcdcdc;
        box-sizing: border-box;
        border-radius: 3px;
        padding: 0px 10px;
        width: 50%;
    }

    .btn {
        font-weight: bold;
        padding: 0px 60px;
        height: 60px;
        border-radius: 15px;
        font-size: 30px;
        cursor: pointer;
        color: white;
        background-color: #4e8cf2;
        border-color: transparent;
    }

    .buttons {
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: white;
        border-top: 1px solid #f5f5f5;
        box-shadow: 0px 1px 5px #eee;
        width: 100%;
        padding: 22px 0;
        display: flex;
        justify-content: center;
    }

    input[type=radio] {
        width: 30px;
        height: 30px;
        vertical-align: middle;
        margin-top: -2px;
        margin-bottom: 1px;
    }

    fieldset {
        border: 1px solid #dcdcdc;
        border-radius: 3px;
    }
</style>
<html>
<head>
    <meta http-equiv="Conte