关于html:使用HTMLform表单操作腾讯云DNS控制台

50次阅读

共计 5129 个字符，预计需要花费 13 分钟才能阅读完成。

        在应用中常常须要批改 DNS 记录，或者查问、删除操作。每次都得登录腾讯云控制台，腾讯云比拟鸡肋的一点就是须要进行微信扫码登录，每次操作太不不便。

        能够应用 api 接口进行操作腾讯云上的产品。所以应用 HTML 写了一个前端页面，临时没有丑化，目前只有根底性能。

前端代码如下，同时能够拜访：http://dns.oiox.cn/ 应用 

<!--
 * @Author: 陈步云
 * @Date: 2022-01-07 16:52:23
 * @LastEditTime: 2022-03-29 15:09:56
 * @LastEditors: Please set LastEditors
 * @Description: 关上 koroFileHeader 查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /html/index.nginx-debian.html
-->
<!DOCTYPE html>
<html>
<head>
<title>Welcome to chenby!</title>
<meta charset="UTF-8">

<!-- <script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="http://oss.maxcdn.com/jquery.form/3.50/jquery.form.min.js"></script> -->

<style>
    body {
        width: 50em;
        margin:  auto;
        font-family: Tahoma, Verdana, Arial, sans-serif;
    }
    h1{text-align:center}
    button{
        display:block;
        margin:0 auto
    }
</style>
</head>
<body>

    <h1> 腾讯云 DNS 记录控制台 </h1>
    <h2> 查问记录 </h2>
    <form action="https://dnsapi.cn/Record.List" method="POST" >
        <div>
            * 腾讯云 token <input name="login_token" type="text">    <br> <br>「去控制台创立  https://console.dnspod.cn/account/token/token  <br> 比方 ID 为：13490,ToKen 为：6b5976c68aba5b14a0558b77c17c3932。<br> 即残缺的 Token 为：13490,6b5976c68aba5b14a0558b77c17c3932。」<br> <br>
        </div>
        <div>
              返回类型 <input name="format" type="text" value="json">「默认 json」<br><br>
        </div>
        <div>
            * 操作域名 <input name="domain" type="text">「如 oiox.cn」<br><br>
        </div>
        <div>
            子域名 <input name="sub_domain" type="text">「www」<br><br>
        </div>
        <div>
            <button type="submit" value="提交"> 提交 </button>
        </div>
    </form>
    

    <h2> 新增记录 </h2>
    <form action="https://dnsapi.cn/Record.Create" method="POST">
        <div>
            * 腾讯云 token <input name="login_token" type="text">    <br> <br>「去控制台创立  https://console.dnspod.cn/account/token/token  <br> 比方 ID 为：13490,ToKen 为：6b5976c68aba5b14a0558b77c17c3932。<br> 即残缺的 Token 为：13490,6b5976c68aba5b14a0558b77c17c3932。」<br> <br>
        </div>
        <div>
              返回类型 <input name="format" type="text" value="json">「默认 json」<br><br>
        </div>
        <div>
            * 操作域名 <input name="domain" type="text">「如 oiox.cn」<br><br>
        </div>
        <div>
                * 记录类型：<select name="record_type" type="text">
                    <option value="A">A</option>
                    <option value="AAAA">AAAA</option>
                    <option value="SPF">SPF</option>
                    <option value="CAA">CAA</option>
                    <option value="CNAME">CNAME</option>
                    <option value="MX">MX</option>
                    <option value="TXT">TXT</option>
                </select>
                <br>
                <br>
        </div>
        <div>
            * 主机记录 <input name="sub_domain" type="text">「如 www」<br><br>
        </div>
        <div>
                解析线路：<select name="record_line" type="text">
                    <option value="默认"> 默认 </option>
                    <option value="联通"> 联通 </option>
                    <option value="挪动"> 挪动 </option>
                    <option value="电信"> 电信 </option>
                    <option value="铁通"> 铁通 </option>
                    <option value="境内"> 境内 </option>
                    <option value="境外"> 境外 </option>
                </select>
                <br>
                <br>
        </div>
        <div>
            * 记录值 <input name="value" type="text">  <br>「如 IPv6:2620:119:35::35 IPv4:8.8.8.8, CNAME: cname.dnspod.com., MX: mail.dnspod.com. 等等」<br><br>
        </div>
        </div>
        <div>
            <button type="submit" value="提交"> 提交 </button>
        </div>
    </form>


    <h2> 批改记录 </h2>
    <form action="https://dnsapi.cn/Record.Modify" method="POST">
        <div>
            * 腾讯云 token <input name="login_token" type="text">    <br> <br>「去控制台创立  https://console.dnspod.cn/account/token/token  <br> 比方 ID 为：13490,ToKen 为：6b5976c68aba5b14a0558b77c17c3932。<br> 即残缺的 Token 为：13490,6b5976c68aba5b14a0558b77c17c3932。」<br> <br>
        </div>
        <div>
              返回类型 <input name="format" type="text" value="json">「默认 json」<br><br>
        </div>
        <div>
            * 操作域名 <input name="domain" type="text">「如 oiox.cn」<br><br>
        </div>
        <div>
            * 记录 ID <input name="record_id" type="text">「先应用查问性能查问到 record_id」<br><br>
        </div>
        <div>
                * 记录类型：<select name="record_type" type="text">
                    <option value="A">A</option>
                    <option value="AAAA">AAAA</option>
                    <option value="SPF">SPF</option>
                    <option value="CAA">CAA</option>
                    <option value="CNAME">CNAME</option>
                    <option value="MX">MX</option>
                    <option value="TXT">TXT</option>
                </select>
                <br>
                <br>
        </div>
        <div>
            * 主机记录 <input name="sub_domain" type="text">「如 www」<br><br>
        </div>
        <div>
                解析线路：<select name="record_line" type="text">
                    <option value="默认"> 默认 </option>
                    <option value="联通"> 联通 </option>
                    <option value="挪动"> 挪动 </option>
                    <option value="电信"> 电信 </option>
                    <option value="铁通"> 铁通 </option>
                    <option value="境内"> 境内 </option>
                    <option value="境外"> 境外 </option>
                </select>
                <br>
                <br>
        </div>
        <div>
            * 批改记录值 <input name="value" type="text">  <br>「如 IPv6:2620:119:35::35 IPv4:8.8.8.8, CNAME: cname.dnspod.com., MX: mail.dnspod.com. 等等」<br><br>
        </div>
        </div>
        <div>
            <button type="submit" value="提交"> 提交 </button>
        </div>
    </form>


    <h2> 删除记录 </h2>
    <form action="https://dnsapi.cn/Record.Remove" method="POST">
        <div>
            * 腾讯云 token <input name="login_token" type="text">    <br> <br>「去控制台创立  https://console.dnspod.cn/account/token/token  <br> 比方 ID 为：13490,ToKen 为：6b5976c68aba5b14a0558b77c17c3932。<br> 即残缺的 Token 为：13490,6b5976c68aba5b14a0558b77c17c3932。」<br> <br>
        </div>
        <div>
            返回类型 <input name="format" type="text" value="json">「默认 json」<br><br>
        </div>
        <div>
            * 操作域名 <input name="domain" type="text">「如 oiox.cn」<br><br>
        </div>
        <div>
            * 记录 ID <input name="record_id" type="text">「先应用查问性能查问到 record_id」<br><br>
        </div>
        <div>
            <button type="submit" value="提交"> 提交 </button>
        </div>
    </form>

</body>    
</html>

会返回一个 json 解析，倡议装置 FeHelper 工具，能够丑化 json，不便浏览。

https://www.oiox.cn/

https://www.chenby.cn/

https://cby-chen.github.io/

https://weibo.com/u/5982474121

https://blog.csdn.net/qq\_33921750

https://my.oschina.net/u/3981543

https://www.zhihu.com/people/…

https://segmentfault.com/u/hp…

https://juejin.cn/user/331578…

https://space.bilibili.com/35…

https://cloud.tencent.com/dev…

https://www.jianshu.com/u/0f8…

https://www.toutiao.com/c/use…

CSDN、GitHub、知乎、开源中国、思否、掘金、简书、腾讯云、哔哩哔哩、今日头条、新浪微博、集体博客、全网可搜《小陈运维》

正文完
html
发表至： html
2022-03-29
 0
关于html:登录注册-会员中心-收藏-动态-创作-HTML常用标签之表格标签合并单元格
关于html:textalign真的只是让文本居中吗
关于html:薄饼项目小助手项目讲解
关于html:悬浮特效