博科趣二维码在线生成网页源码

二维码在线生成网页源码是一种基于特定编码规则,能够将各种数据转化为可被手机扫描识别的图形化代码。这种源码通常包含HTML、CSS和JavaScript等技术,用于在网页上实现二维码的动态生成与显示功能http://www.bokequ.com/api/qrcode/

<!DOCTYPE html>
<html lang="cn">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <title>在线二维码生成器</title>
        <meta name="description" content="博客趣二维码生成器可将网址,邮件,图片,文档等内容生成二维码,实现内容随时修改码不变,支持png和svg图片格式">
        <meta name="keywords" content="二维码生成器,二维码图片,个人二维码生成,二维码扫描,网址二维码生成,微信二维码">
        <link rel="shortcut icon" href="images/favicon.ico">
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <!--[if lt IE 9]>
            <script src="js/ie8.js"></script>
        <![endif]-->
        <link href="css/font-awesome.min.css" rel="stylesheet">
        <link href="js/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
        <link href="style.css" rel="stylesheet">
        <script src="js/jquery-3.2.1.min.js"></script>
        <style type="text/css">a, .btn-link{color:#1ec791;}a:hover, a:active, a:focus, .btn-link:hover, .btn-link:active, .btn-link:focus{color:#158c66;}.bg-primary, .nav-pills .nav-link.active, .nav-pills .show > .nav-link{color:#F6F6F6;background-color:#1ec791!important;}.btn-primary{border-color:#1ec791;background-color:#1ec791;color:#F6F6F6;}.btn-outline-primary{border-color:#1ec791;color:#1ec791;}.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,.btn-outline-primary:hover,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle{border-color:#158c66;background-color:#158c66;color:#F6F6F6;}.btn-outline-light{border-color:#F6F6F6;color:#F6F6F6;}.btn-outline-light:hover,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle{background-color:#F6F6F6;border-color:#F6F6F6;color:#1ec791;}</style>    </head>
    <body class="bg-light">
        <div class="navbar p-0 bg-primary m-0">
            <div class="container-fluid">
            <div class="btn-group langmenu ml-auto"><button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span> <i class="fa fa-flag"></i></button><div class="dropdown-menu dropdown-menu-right" role="menu"><a class="dropdown-item" href="?lang=cn">cn</a><a class="dropdown-item" href="?lang=de">de</a><a class="dropdown-item" href="?lang=en">en</a><a class="dropdown-item" href="?lang=es">es</a><a class="dropdown-item" href="?lang=it">it</a><a class="dropdown-item" href="?lang=pt">pt</a></div></div>            </div>
        </div>
        <div class="bg-primary position-relative">
  <div class="overlay-gradient"></div>
  <div class="container position-relative">
  	<div class="row py-5">
    	<div class="col">
        <h1 class="display-1">博客趣二维码生成器</h1>
        <!--
        <p><a href="http://www.bokequ.com/api/qrcode/" class="btn btn-primary btn-lg shadow" role="button">了解更多 »</a></p>
		-->
    </div>
    </div>
  </div>
</div>        <div class="container">
            <div class="row mt-3">
                <div class="col-md-8 bg-white pt-3 mb-3">
                    <div id="alert_placeholder">
                                            </div>
                    <div class="row">
                                            <div class="col-12 mb-2">
                            <form method="post" enctype="multipart/form-data" id="sottometti">
                                <span class="btn btn-outline-primary btn-file">
                                    <i class="fa fa-upload"></i> 
                                    <input type="file" name="file" id="file">
                                </span>
                                <label>上传徽标或水印</label>
                            </form>
                        </div>
                                            <form role="form" id="create" class="needs-validation" novalidate>
                            <input type="submit" class="d-none">
                            <input type="hidden" name="section" id="getsec" value="#link">
                                                    <div class="col-12">
                                <div class="logoselecta form-group">
                                    <div class="btn-group-toggle" data-toggle="buttons">
                                        <label class="btn btn-light p-1 active" 
                                            data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="none"
                                            checked>
                                            <img class="img-fluid" src="images/x.png">
                                        </label>
                                        <label class="btn btn-light p-1" data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="images/watermarks/01-link.png" id="optionlogo0"><img src="images/watermarks/01-link.png"></label><label class="btn btn-light p-1" data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="images/watermarks/02-location.png" id="optionlogo1"><img src="images/watermarks/02-location.png"></label><label class="btn btn-light p-1" data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="images/watermarks/03-email.png" id="optionlogo2"><img src="images/watermarks/03-email.png"></label><label class="btn btn-light p-1" data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="images/watermarks/04-whatsapp.png" id="optionlogo3"><img src="images/watermarks/04-whatsapp.png"></label><label class="btn btn-light p-1" data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="images/watermarks/05-wifi.png" id="optionlogo4"><img src="images/watermarks/05-wifi.png"></label><label class="btn btn-light p-1" data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="images/watermarks/06-vcard.png" id="optionlogo5"><img src="images/watermarks/06-vcard.png"></label><label class="btn btn-light p-1" data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="images/watermarks/07-paypal.png" id="optionlogo6"><img src="images/watermarks/07-paypal.png"></label><label class="btn btn-light p-1" data-toggle="tooltip" data-placement="bottom">
                                            <input type="radio" name="optionlogo" value="images/watermarks/08-btc.png" id="optionlogo7"><img src="images/watermarks/08-btc.png"></label>                                    </div>
                                </div>
                            </div>
                              
                            <div class="col-sm-12 mb-2">
                                <div class="row">
                                    <div class="col-6 col-md-3">
                                        <label>背景</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text getcol"><i class="fa fa-qrcode fa-lg"></i></span>
                                            </div>
                                            <input type="text" class="form-control colorpickerback" data-format="hex" 
                                            value="#FFFFFF" name="backcolor">
                                        </div>
                                    </div>

                                    <div class="col-6 col-md-3">
                                        <label>前景</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text getcol"><i class="fa fa-qrcode fa-lg"></i></span>
                                            </div>
                                            <input type="text" class="form-control colorpickerfront" data-format="hex" 
                                            value="#000000" name="frontcolor">
                                        </div>
                                    </div>

                                    <div class="col-6 col-md-3">
                                        <label>大小</label>
                                        <select name="size" class="custom-select">
                                    <option value="8" >200</option><option value="12" >300</option><option value="16" selected>400</option><option value="20" >500</option><option value="24" >600</option><option value="28" >700</option><option value="32" >800</option>                                        </select>
                                    </div>

                                    <div class="col-6 col-md-3">
                                        <label>精度</label>
                                        <select name="level" class="custom-select">
                                            <option value="L" >
                                                小                                            </option>
                                            <option value="M" >
                                                中                                            </option>
                                            <option value="Q" selected>
                                                大                                            </option>
                                            <option value="H" >
                                                最佳                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group col-sm-12">
                                <div class="custom-control custom-switch">
                                  <input type="checkbox" class="custom-control-input" id="trans-bg" name="transparent">
                                  <label class="custom-control-label" for="trans-bg">透明背景</label>
                                </div>
                            </div>
                                                        <div class="col-sm-12 mb-2">
                                <div class="btn-group-toggle styleselecta d-inline-block" data-toggle="buttons"><label class="btn btn-light p-1 active">
                                    <input type="radio" name="style" value="default" checked>
                                    <img title="default" class="img-fluid" src="images/styleselect-default.jpg">
                                </label><label class="btn btn-light p-1 ">
                                    <input type="radio" name="style" value="circle" >
                                    <img title="circle" class="img-fluid" src="images/styleselect-circle.jpg">
                                </label><label class="btn btn-light p-1 ">
                                    <input type="radio" name="style" value="plus" >
                                    <img title="plus" class="img-fluid" src="images/styleselect-plus.jpg">
                                </label><label class="btn btn-light p-1 ">
                                    <input type="radio" name="style" value="3d" >
                                    <img title="3d" class="img-fluid" src="images/styleselect-3d.jpg">
                                </label></div>                            </div>

                                                        <div class="col-sm-12">
                                <div class="form-group">
                                    <ul class="nav nav-pills nav-fill" role="tablist">
                                                                            <li class="nav-item">
                                            <a class="nav-link active" href="#link" role="tab" data-toggle="tab"><i class="fa fa-link"></i> <span class="d-none d-sm-inline-block">链接</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#location" role="tab" data-toggle="tab"><i class="fa fa-map-marker"></i> <span class="d-none d-sm-inline-block">位置</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#email" role="tab" data-toggle="tab"><i class="fa fa-envelope-o"></i> <span class="d-none d-sm-inline-block">邮箱</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#text" role="tab" data-toggle="tab"><i class="fa fa-align-left"></i> <span class="d-none d-sm-inline-block">文本</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#tel" role="tab" data-toggle="tab"><i class="fa fa-phone"></i> <span class="d-none d-sm-inline-block">呼叫</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#sms" role="tab" data-toggle="tab"><i class="fa fa-mobile"></i> <span class="d-none d-sm-inline-block">短信服务</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#whatsapp" role="tab" data-toggle="tab"><i class="fa fa-whatsapp"></i> <span class="d-none d-sm-inline-block">WhatsApp</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#wifi" role="tab" data-toggle="tab"><i class="fa fa-wifi"></i> <span class="d-none d-sm-inline-block">WI-FI</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#vcard" role="tab" data-toggle="tab"><i class="fa fa-list-alt"></i> <span class="d-none d-sm-inline-block">V卡</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#paypal" role="tab" data-toggle="tab"><i class="fa fa-paypal"></i> <span class="d-none d-sm-inline-block">贝宝</span></a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="#bitcoin" role="tab" data-toggle="tab"><i class="fa fa-bitcoin"></i> <span class="d-none d-sm-inline-block">比特币</span></a>
                                        </li>
                                                                        </ul>
                                    <div class="tab-content mt-3">
                                    <div class="tab-pane fade show active" id="link">
	<h4>链接</h4>
    <div class="form-group">
        <label for="malink">链接</label>
        <input type="url" name="link" id="malink" class="form-control" value="" placeholder="http://" required="required" />
    </div>
</div>
    <div class="tab-pane fade " id="location">
        <h4>位置</h4>
        <p class="lead">Please set a <strong>google_api_key</strong> inside <strong>config.php</strong><br>
        <a target="_blank" href="https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key">
            > How to get an api key for Gmaps
        </a>
    </p>
    </div>
    <div class="tab-pane fade " id="email">
        <h4>邮箱</h4>
        <div class="row">
            <div class="col-6 form-group">
                <label>发送到</label>
                <input type="email" name="mailto" placeholder="E-Mail" class="form-control" required="required">
            </div>
            <div class="col-6 form-group">
                <label>主题</label>
                <input type="text" name="subject" class="form-control" required="required">
            </div>
            <div class="col-12 form-group">
                 <label>文本</label>
                <textarea name="body" class="form-control" required="required"></textarea>
            </div>
        </div>
    </div>
    <div class="tab-pane fade " id="text">
        <h4>文本</h4>
        <div class="form-group">
            <label>消息</label>
            <textarea rows="3" name="data" class="form-control" required="required"></textarea>
        </div>
    </div>
    <div class="tab-pane fade " id="tel">
        <h4>电话</h4>
        <div class="row">
            <div class="col-sm-4">
               <div class="form-group">
                    <label>国家代码</label>
                    <select class="custom-select" name="countrycodetel"><option value="" label="--">--</option>\n<option value="7840" label="Abkhazia (+7 840)">Abkhazia (+7 840)</option>\n<option value="7940" label="Abkhazia (+7 940)">Abkhazia (+7 940)</option>\n<option value="93" label="Afghanistan (+93)">Afghanistan (+93)</option>\n<option value="355" label="Albania (+355)">Albania (+355)</option>\n<option value="213" label="Algeria (+213)">Algeria (+213)</option>\n<option value="1684" label="American Samoa (+1 684)">American Samoa (+1 684)</option>\n<option value="376" label="Andorra (+376)">Andorra (+376)</option>\n<option value="244" label="Angola (+244)">Angola (+244)</option>\n<option value="1264" label="Anguilla (+1 264)">Anguilla (+1 264)</option>\n<option value="1268" label="Antigua and Barbuda (+1 268)">Antigua and Barbuda (+1 268)</option>\n<option value="54" label="Argentina (+54)">Argentina (+54)</option>\n<option value="374" label="Armenia (+374)">Armenia (+374)</option>\n<option value="297" label="Aruba (+297)">Aruba (+297)</option>\n<option value="247" label="Ascension (+247)">Ascension (+247)</option>\n<option value="61" label="Australia (+61)">Australia (+61)</option>\n<option value="672" label="Australian External Territories (+672)">Australian External Territories (+672)</option>\n<option value="43" label="Austria (+43)">Austria (+43)</option>\n<option value="994" label="Azerbaijan (+994)">Azerbaijan (+994)</option>\n<option value="1242" label="Bahamas (+1 242)">Bahamas (+1 242)</option>\n<option value="973" label="Bahrain (+973)">Bahrain (+973)</option>\n<option value="880" label="Bangladesh (+880)">Bangladesh (+880)</option>\n<option value="1246" label="Barbados (+1 246)">Barbados (+1 246)</option>\n<option value="1268" label="Barbuda (+1 268)">Barbuda (+1 268)</option>\n<option value="375" label="Belarus (+375)">Belarus (+375)</option>\n<option value="32" label="Belgium (+32)">Belgium (+32)</option>\n<option value="501" label="Belize (+501)">Belize (+501)</option>\n<option value="229" label="Benin (+229)">Benin (+229)</option>\n<option value="1441" label="Bermuda (+1 441)">Bermuda (+1 441)</option>\n<option value="975" label="Bhutan (+975)">Bhutan (+975)</option>\n<option value="591" label="Bolivia (+591)">Bolivia (+591)</option>\n<option value="387" label="Bosnia and Herzegovina (+387)">Bosnia and Herzegovina (+387)</option>\n<option value="267" label="Botswana (+267)">Botswana (+267)</option>\n<option value="55" label="Brazil (+55)">Brazil (+55)</option>\n<option value="246" label="British Indian Ocean Territory (+246)">British Indian Ocean Territory (+246)</option>\n<option value="1284" label="British Virgin Islands (+1 284)">British Virgin Islands (+1 284)</option>\n<option value="673" label="Brunei (+673)">Brunei (+673)</option>\n<option value="359" label="Bulgaria (+359)">Bulgaria (+359)</option>\n<option value="226" label="Burkina Faso (+226)">Burkina Faso (+226)</option>\n<option value="257" label="Burundi (+257)">Burundi (+257)</option>\n<option value="855" label="Cambodia (+855)">Cambodia (+855)</option>\n<option value="237" label="Cameroon (+237)">Cameroon (+237)</option>\n<option value="1" label="Canada (+1)">Canada (+1)</option>\n<option value="238" label="Cape Verde (+238)">Cape Verde (+238)</option>\n<option value="345" label="Cayman Islands (+345)">Cayman Islands (+345)</option>\n<option value="236" label="Central African Republic (+236)">Central African Republic (+236)</option>\n<option value="235" label="Chad (+235)">Chad (+235)</option>\n<option value="56" label="Chile (+56)">Chile (+56)</option>\n<option value="86" label="China (+86)">China (+86)</option>\n<option value="61" label="Christmas Island (+61)">Christmas Island (+61)</option>\n<option value="61" label="Cocos-Keeling Islands (+61)">Cocos-Keeling Islands (+61)</option>\n<option value="57" label="Colombia (+57)">Colombia (+57)</option>\n<option value="269" label="Comoros (+269)">Comoros (+269)</option>\n<option value="242" label="Congo (+242)">Congo (+242)</option>\n<option value="243" label="Congo, Dem. Rep. of (Zaire) (+243)">Congo, Dem. Rep. of (Zaire) (+243)</option>\n<option value="682" label="Cook Islands (+682)">Cook Islands (+682)</option>\n<option value="506" label="Costa Rica (+506)">Costa Rica (+506)</option>\n<option value="225" label="Ivory Coast (+225)">Ivory Coast (+225)</option>\n<option value="385" label="Croatia (+385)">Croatia (+385)</option>\n<option value="53" label="Cuba (+53)">Cuba (+53)</option>\n<option value="599" label="Curacao (+599)">Curacao (+599)</option>\n<option value="537" label="Cyprus (+537)">Cyprus (+537)</option>\n<option value="420" label="Czech Republic (+420)">Czech Republic (+420)</option>\n<option value="45" label="Denmark (+45)">Denmark (+45)</option>\n<option value="246" label="Diego Garcia (+246)">Diego Garcia (+246)</option>\n<option value="253" label="Djibouti (+253)">Djibouti (+253)</option>\n<option value="1767" label="Dominica (+1 767)">Dominica (+1 767)</option>\n<option value="1809" label="Dominican Republic (+1 809)">Dominican Republic (+1 809)</option>\n<option value="1829" label="Dominican Republic (+1 829)">Dominican Republic (+1 829)</option>\n<option value="1849" label="Dominican Republic (+1 849)">Dominican Republic (+1 849)</option>\n<option value="670" label="East Timor (+670)">East Timor (+670)</option>\n<option value="56" label="Easter Island (+56)">Easter Island (+56)</option>\n<option value="593" label="Ecuador (+593)">Ecuador (+593)</option>\n<option value="20" label="Egypt (+20)">Egypt (+20)</option>\n<option value="503" label="El Salvador (+503)">El Salvador (+503)</option>\n<option value="240" label="Equatorial Guinea (+240)">Equatorial Guinea (+240)</option>\n<option value="291" label="Eritrea (+291)">Eritrea (+291)</option>\n<option value="372" label="Estonia (+372)">Estonia (+372)</option>\n<option value="251" label="Ethiopia (+251)">Ethiopia (+251)</option>\n<option value="500" label="Falkland Islands (+500)">Falkland Islands (+500)</option>\n<option value="298" label="Faroe Islands (+298)">Faroe Islands (+298)</option>\n<option value="679" label="Fiji (+679)">Fiji (+679)</option>\n<option value="358" label="Finland (+358)">Finland (+358)</option>\n<option value="33" label="France (+33)">France (+33)</option>\n<option value="596" label="French Antilles (+596)">French Antilles (+596)</option>\n<option value="594" label="French Guiana (+594)">French Guiana (+594)</option>\n<option value="689" label="French Polynesia (+689)">French Polynesia (+689)</option>\n<option value="241" label="Gabon (+241)">Gabon (+241)</option>\n<option value="220" label="Gambia (+220)">Gambia (+220)</option>\n<option value="995" label="Georgia (+995)">Georgia (+995)</option>\n<option value="49" label="Germany (+49)">Germany (+49)</option>\n<option value="233" label="Ghana (+233)">Ghana (+233)</option>\n<option value="350" label="Gibraltar (+350)">Gibraltar (+350)</option>\n<option value="30" label="Greece (+30)">Greece (+30)</option>\n<option value="299" label="Greenland (+299)">Greenland (+299)</option>\n<option value="1473" label="Grenada (+1 473)">Grenada (+1 473)</option>\n<option value="590" label="Guadeloupe (+590)">Guadeloupe (+590)</option>\n<option value="1671" label="Guam (+1 671)">Guam (+1 671)</option>\n<option value="502" label="Guatemala (+502)">Guatemala (+502)</option>\n<option value="224" label="Guinea (+224)">Guinea (+224)</option>\n<option value="245" label="Guinea-Bissau (+245)">Guinea-Bissau (+245)</option>\n<option value="595" label="Guyana (+595)">Guyana (+595)</option>\n<option value="509" label="Haiti (+509)">Haiti (+509)</option>\n<option value="504" label="Honduras (+504)">Honduras (+504)</option>\n<option value="852" label="Hong Kong SAR China (+852)">Hong Kong SAR China (+852)</option>\n<option value="248" label="Seychelles (+248)">Seychelles (+248)</option>\n<option value="354" label="Iceland (+354)">Iceland (+354)</option>\n<option value="91" label="India (+91)">India (+91)</option>\n<option value="62" label="Indonesia (+62)">Indonesia (+62)</option>\n<option value="98" label="Iran (+98)">Iran (+98)</option>\n<option value="964" label="Iraq (+964)">Iraq (+964)</option>\n<option value="353" label="Ireland (+353)">Ireland (+353)</option>\n<option value="972" label="Israel (+972)">Israel (+972)</option>\n<option value="39" label="Italy (+39)">Italy (+39)</option>\n<option value="1876" label="Jamaica (+1 876)">Jamaica (+1 876)</option>\n<option value="81" label="Japan (+81)">Japan (+81)</option>\n<option value="962" label="Jordan (+962)">Jordan (+962)</option>\n<option value="77" label="Kazakhstan (+7 7)">Kazakhstan (+7 7)</option>\n<option value="254" label="Kenya (+254)">Kenya (+254)</option>\n<option value="686" label="Kiribati (+686)">Kiribati (+686)</option>\n<option value="850" label="North Korea (+850)">North Korea (+850)</option>\n<option value="82" label="South Korea (+82)">South Korea (+82)</option>\n<option value="965" label="Kuwait (+965)">Kuwait (+965)</option>\n<option value="996" label="Kyrgyzstan (+996)">Kyrgyzstan (+996)</option>\n<option value="856" label="Laos (+856)">Laos (+856)</option>\n<option value="371" label="Latvia (+371)">Latvia (+371)</option>\n<option value="961" label="Lebanon (+961)">Lebanon (+961)</option>\n<option value="266" label="Lesotho (+266)">Lesotho (+266)</option>\n<option value="231" label="Liberia (+231)">Liberia (+231)</option>\n<option value="218" label="Libya (+218)">Libya (+218)</option>\n<option value="423" label="Liechtenstein (+423)">Liechtenstein (+423)</option>\n<option value="370" label="Lithuania (+370)">Lithuania (+370)</option>\n<option value="352" label="Luxembourg (+352)">Luxembourg (+352)</option>\n<option value="853" label="Macau SAR China (+853)">Macau SAR China (+853)</option>\n<option value="389" label="Macedonia (+389)">Macedonia (+389)</option>\n<option value="261" label="Madagascar (+261)">Madagascar (+261)</option>\n<option value="265" label="Malawi (+265)">Malawi (+265)</option>\n<option value="60" label="Malaysia (+60)">Malaysia (+60)</option>\n<option value="960" label="Maldives (+960)">Maldives (+960)</option>\n<option value="223" label="Mali (+223)">Mali (+223)</option>\n<option value="356" label="Malta (+356)">Malta (+356)</option>\n<option value="692" label="Marshall Islands (+692)">Marshall Islands (+692)</option>\n<option value="596" label="Martinique (+596)">Martinique (+596)</option>\n<option value="222" label="Mauritania (+222)">Mauritania (+222)</option>\n<option value="230" label="Mauritius (+230)">Mauritius (+230)</option>\n<option value="262" label="Mayotte (+262)">Mayotte (+262)</option>\n<option value="52" label="Mexico (+52)">Mexico (+52)</option>\n<option value="691" label="Micronesia (+691)">Micronesia (+691)</option>\n<option value="1808" label="Midway Island (+1 808)">Midway Island (+1 808)</option>\n<option value="691" label="Micronesia (+691)">Micronesia (+691)</option>\n<option value="373" label="Moldova (+373)">Moldova (+373)</option>\n<option value="377" label="Monaco (+377)">Monaco (+377)</option>\n<option value="976" label="Mongolia (+976)">Mongolia (+976)</option>\n<option value="382" label="Montenegro (+382)">Montenegro (+382)</option>\n<option value="1664" label="Montserrat (+1664)">Montserrat (+1664)</option>\n<option value="212" label="Morocco (+212)">Morocco (+212)</option>\n<option value="95" label="Myanmar (+95)">Myanmar (+95)</option>\n<option value="264" label="Namibia (+264)">Namibia (+264)</option>\n<option value="674" label="Nauru (+674)">Nauru (+674)</option>\n<option value="977" label="Nepal (+977)">Nepal (+977)</option>\n<option value="31" label="Netherlands (+31)">Netherlands (+31)</option>\n<option value="599" label="Netherlands Antilles (+599)">Netherlands Antilles (+599)</option>\n<option value="1869" label="Nevis (+1 869)">Nevis (+1 869)</option>\n<option value="687" label="New Caledonia (+687)">New Caledonia (+687)</option>\n<option value="64" label="New Zealand (64)">New Zealand (64)</option>\n<option value="505" label="Nicaragua (+505)">Nicaragua (+505)</option>\n<option value="227" label="Niger (+227)">Niger (+227)</option>\n<option value="234" label="Nigeria (+234)">Nigeria (+234)</option>\n<option value="683" label="Niue (+683)">Niue (+683)</option>\n<option value="672" label="Norfolk Island (+672)">Norfolk Island (+672)</option>\n<option value="1670" label="Northern Mariana Islands (+1 670)">Northern Mariana Islands (+1 670)</option>\n<option value="47" label="Norway (+47)">Norway (+47)</option>\n<option value="968" label="Oman (+968)">Oman (+968)</option>\n<option value="92" label="Pakistan (+92)">Pakistan (+92)</option>\n<option value="680" label="Palau (+680)">Palau (+680)</option>\n<option value="970" label="Palestinian Territory (+970)">Palestinian Territory (+970)</option>\n<option value="507" label="Panama (+507)">Panama (+507)</option>\n<option value="675" label="Papua New Guinea (+675)">Papua New Guinea (+675)</option>\n<option value="595" label="Paraguay (+595)">Paraguay (+595)</option>\n<option value="51" label="Peru (+51)">Peru (+51)</option>\n<option value="63" label="Philippines (+63)">Philippines (+63)</option>\n<option value="48" label="Poland (+48)">Poland (+48)</option>\n<option value="351" label="Portugal (+351)">Portugal (+351)</option>\n<option value="1787" label="Puerto Rico (+1 787)">Puerto Rico (+1 787)</option>\n<option value="1939" label="Puerto Rico (+1 939)">Puerto Rico (+1 939)</option>\n<option value="974" label="Qatar (+974)">Qatar (+974)</option>\n<option value="262" label="Reunion (+262)">Reunion (+262)</option>\n<option value="40" label="Romania (+40)">Romania (+40)</option>\n<option value="7" label="Russia (+7)">Russia (+7)</option>\n<option value="250" label="Rwanda (+250)">Rwanda (+250)</option>\n<option value="685" label="Samoa (+685)">Samoa (+685)</option>\n<option value="378" label="San Marino (+378)">San Marino (+378)</option>\n<option value="966" label="Saudi Arabia (+966)">Saudi Arabia (+966)</option>\n<option value="221" label="Senegal (+221)">Senegal (+221)</option>\n<option value="381" label="Serbia (+381)">Serbia (+381)</option>\n<option value="232" label="Sierra Leone (+232)">Sierra Leone (+232)</option>\n<option value="65" label="Singapore (+65)">Singapore (+65)</option>\n<option value="421" label="Slovakia (+421)">Slovakia (+421)</option>\n<option value="386" label="Slovenia (+386)">Slovenia (+386)</option>\n<option value="677" label="Solomon Islands (+677)">Solomon Islands (+677)</option>\n<option value="27" label="South Africa (+27)">South Africa (+27)</option>\n<option value="500" label="South Georgia and the South Sandwich Islands (+500)">South Georgia and the South Sandwich Islands (+500)</option>\n<option value="34" label="Spain (+34)">Spain (+34)</option>\n<option value="94" label="Sri Lanka (+94)">Sri Lanka (+94)</option>\n<option value="249" label="Sudan (+249)">Sudan (+249)</option>\n<option value="597" label="Suriname (+597)">Suriname (+597)</option>\n<option value="268" label="Swaziland (+268)">Swaziland (+268)</option>\n<option value="46" label="Sweden (+46)">Sweden (+46)</option>\n<option value="41" label="Switzerland (+41)">Switzerland (+41)</option>\n<option value="963" label="Syria (+963)">Syria (+963)</option>\n<option value="886" label="Taiwan (+886)">Taiwan (+886)</option>\n<option value="992" label="Tajikistan (+992)">Tajikistan (+992)</option>\n<option value="255" label="Tanzania (+255)">Tanzania (+255)</option>\n<option value="66" label="Thailand (+66)">Thailand (+66)</option>\n<option value="670" label="Timor Leste (+670)">Timor Leste (+670)</option>\n<option value="228" label="Togo (+228)">Togo (+228)</option>\n<option value="690" label="Tokelau (+690)">Tokelau (+690)</option>\n<option value="676" label="Tonga (+676)">Tonga (+676)</option>\n<option value="1868" label="Trinidad and Tobago (+1 868)">Trinidad and Tobago (+1 868)</option>\n<option value="216" label="Tunisia (+216)">Tunisia (+216)</option>\n<option value="90" label="Turkey (+90)">Turkey (+90)</option>\n<option value="993" label="Turkmenistan (+993)">Turkmenistan (+993)</option>\n<option value="1649" label="Turks and Caicos Islands (+1 649)">Turks and Caicos Islands (+1 649)</option>\n<option value="688" label="Tuvalu (+688)">Tuvalu (+688)</option>\n<option value="256" label="Uganda (+256)">Uganda (+256)</option>\n<option value="380" label="Ukraine (+380)">Ukraine (+380)</option>\n<option value="971" label="United Arab Emirates (+971)">United Arab Emirates (+971)</option>\n<option value="44" label="United Kingdom (+44)">United Kingdom (+44)</option>\n<option value="1" label="United States (+1)">United States (+1)</option>\n<option value="598" label="Uruguay (+598)">Uruguay (+598)</option>\n<option value="1340" label="U.S. Virgin Islands (+1 340)">U.S. Virgin Islands (+1 340)</option>\n<option value="998" label="Uzbekistan (+998)">Uzbekistan (+998)</option>\n<option value="678" label="Vanuatu (+678)">Vanuatu (+678)</option>\n<option value="58" label="Venezuela (+58)">Venezuela (+58)</option>\n<option value="84" label="Vietnam (+84)">Vietnam (+84)</option>\n<option value="1808" label="Wake Island (+1 808)">Wake Island (+1 808)</option>\n<option value="681" label="Wallis and Futuna (+681)">Wallis and Futuna (+681)</option>\n<option value="967" label="Yemen (+967)">Yemen (+967)</option>\n<option value="260" label="Zambia (+260)">Zambia (+260)</option>\n<option value="255" label="Zanzibar (+255)">Zanzibar (+255)</option>\n<option value="263" label="Zimbabwe (+263)">Zimbabwe (+263)</option>\n</select> 
                </div>
            </div>


            <div class="col-sm-8">
                <div class="form-group">
                    <label>电话号码</label>
                    <input type="number" name="tel" placeholder="" class="form-control" required="required">
                </div>
            </div>
        </div>
    </div>
    
    </div>
        </div>
    
            <div class="col-6">
                <label>名字</label>
                <input type="text" name="vname" class="form-control" required="required">
            </div>
            <div class="col-6">
                 <label>姓名</label>
                <input type="text" name="vlast" class="form-control">
            </div>

            <div class="col-6">
                <label>电话号码</label>
                <input type="text" name="vphone" class="form-control" required="required">
            </div>
            <div class="col-6">
                 <label>手机</label>
                <input type="text" name="vmobile" class="form-control">
            </div>

            <div class="col-6">
                <label>邮箱</label>
                <input type="email" name="vemail" class="form-control">
            </div>

            <div class="col-6">
                <label>网站(URL)</label>
                <input type="text" name="vurl" class="form-control" placeholder="http://">
            </div>

            <div class="col-12">
                <label>单位</label>
                <input type="text" name="vcompany" class="form-control">
            </div>

            <div class="col-6">
                <label>职位名称</label>
                <input type="text" name="vtitle" class="form-control">
            </div>


            <div class="col-6">
                <label>传真</label>
                <input type="text" name="vfax" class="form-control">
            </div>


            <div class="col-12">
                 <label>地址</label>
                <textarea name="vaddress" class="form-control"></textarea>
            </div>
            <div class="col-sm-4">
                <label>城市</label>
                <input type="text" name="vcity" class="form-control">
            </div>
            <div class="col-sm-4 col-6">
                <label>邮政编码</label>
                <input type="text" name="vcap" class="form-control">
            </div>
            <div class="col-sm-4 col-6">
                <label>国家</label>
                <input type="text" name="vcountry" class="form-control">
            </div>
        </div>
    </div>
    <div class="tab-pane fade " id="paypal">
            <div class="col-sm-6">
                <label>邮箱</label>
                <input type="email" name="pp_email" class="form-control" required="required">
                <small>接收付款的电子邮件地址</small>
            </div>
        </div>

        <div class="row form-group">
            <div class="col-8">
                <label>项目名称</label>
                <input type="text" name="pp_name" class="form-control" required="required">
            </div>

            <div class="col-4">
                <label>项目ID</label>
                <input type="text" name="pp_id" class="form-control">
            </div>
        </div>

        <div class="row form-group">
           <div class="col-6 col-sm-3 yesdonation">
                <label>价格</label>
                <input type="text" name="pp_price" class="form-control">
            </div>
                                    </div> <!-- tab content -->
                                </div> <!-- form group -->
                            </div><!-- col sm12-->
                        </form>
                    </div> <!-- row -->
                </div><!-- col sm-8 -->

                <div class="col-md-4">
                                        <div class="placeresult">
                        <div class="form-group text-center wrapresult">
                            <div class="resultholder">
                                <img class="img-fluid" src="images/placeholder.svg" />
                                <div class="infopanel"></div>
                            </div>
                        </div>
                        <div class="preloader"><i class="fa fa-cog fa-spin"></i></div>
                        <div class="form-group text-center linksholder"></div>
                        <button class="btn btn-lg btn-block btn-primary ellipsis" id="submitcreate">
                        <i class="fa fa-magic"></i> 生成二维码</button>
                    </div>
                </div><!-- col sm4-->
            </div><!-- row -->
        </div><!-- container -->
    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="pt-3">
      <div class="container">
<hr>
        <div class="row py-2 small mb-3">
          <div class="col-6">
            在线二维码生成器 © 2024 个人免费二维码生成器(<a href="http://www.bokequ.com/">bokequ.com</a>)
          </div>
            <div class="col-6">
          </div>
        </div>
      </div>
    </div>        <script src="js/popper.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="js/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
        <script src="js/all.js?v=3"></script>
        <!-- END QRcdr -->
    </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值