html二维码名片生成代码

现在越来越多的人喜欢使用二维码名片，因为它方便、快捷。如果你想自己制作一个二维码名片，就需要了解HTML二维码名片生成代码。

!DOCTYPE html>
    html>
      head>
        meta charset="UTF-8">
        title>
    二维码名片生成器/title>
        script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    /script>
        script src="https://cdn.staticfile.org/qrcodejs/1.0.0/qrcode.min.js">
    /script>
      /head>
      body>
        h1>
    二维码名片生成器/h1>
        p>
    填写以下信息，生成个性化二维码名片/p>
            form>
          label>
    姓名：/label>
          input type="text" id="name">
          br/>
          label>
    电话：/label>
          input type="text" id="phone">
          br/>
          label>
    邮箱：/label>
          input type="text" id="email">
          br/>
          button type="button" onclick="generateQRCode()">
    生成二维码/button>
        /form>
            div id="qrcode">
    /div>
            script>
      function generateQRCode() {
            var name = document.getElementById("name").value;
            var phone = document.getElementById("phone").value;
            var email = document.getElementById("email").value;
            var text = "BEGIN:VCARD\nVERSION:3.0\nN:"+name+"\nTEL;
    TYPE=cell:"+phone+"\nEMAIL;
    TYPE=internet:"+email+"\nEND:VCARD";
        var qrcode = new QRCode(document.getElementById("qrcode"), {
          width : 200,          height : 200        }
    );
            qrcode.makeCode(text);
      }
        /script>
      /body>
    /html>
    

以上是一个简单的HTML代码，包含一个包含姓名、电话和邮箱的表单，以及一个二维码生成框。通过填写表单信息，即可生成个性化的二维码名片。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！