La génération d'un Simple QR-Code avec HTML

je suis tombé sur ce APIserver pour générer des QRCode, mais je me demandais est-il possible d'utiliser le HTML pour générer des QRcode par exemple c'est ce que je pensais 

   <input id="text" type="text" value="Please Enter Your NRIC or Work Permit" style="Width:20%"/> 

  <img src="https://api.qrserver.com/v1/create-qr-code/?data=HelloWorld&amp;size=100x100" alt="" title="HELLO" />

Dans le "titre", je crois que c'est l'endroit où vous écrivez votre texte et le QR code de générer, je me demandais comment puis-je créer une zone de texte pour moi la clé de la valeur directement sur un site web.

InformationsquelleAutor Sidney | 2015-05-08
  1. 8

    Étiez-vous penser à quelque chose comme ça? https://jsfiddle.net/v7d6d1ps/

    Votre code HTML peut être similaire à ce que vous avez, mais avec l'ajout événement onblur. Seulement le HTML ne peut pas le faire, donc j'ai ajouté jQuery/JavaScript combinaison.

    <html>
    <head>
        <title>Testing QR code</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script type="text/javascript">
            function generateBarCode()
            {
                var nric = $('#text').val();
                var url = 'https://api.qrserver.com/v1/create-qr-code/?data=' + nric + '&amp;size=50x50';
                $('#barcode').attr('src', url);
            }
        </script>
    </head>
    <body>
        <input id="text" type="text" 
            value="NRIC or Work Permit" style="Width:20%"
            onblur='generateBarCode();' /> 

      <img id='barcode' 
            src="https://api.qrserver.com/v1/create-qr-code/?data=HelloWorld&amp;size=100x100" 
            alt="" 
            title="HELLO" 
            width="50" 
            height="50" />
    </body>
</html>

    De copier et de les coller dans un fichier HTML sur votre bureau. Tapez dans la zone de texte 12345 et de cliquer sur l'onglet. Notez que le QR code de mise à jour.

    • Je ne sais pas pourquoi mais generateBarCode manque un guillemet d'ouverture
    • Qui ligne voyez-vous un manque d'ouverture de la citation?
    • Ligne 17 generateBarCode(); et 19 code barres
    • Vous pouvez utiliser des guillemets simples ou doubles guillemets. Donc onblur='generateBarCode();' et onblur="generateBarCode();" à la fois travailler. En va de même avec id='barcode' et id="barcode"
    • Pas sûr pourquoi est-il encore apparaître. Le Guillemet ouvrant est déjà là, mais l'erreur de garder à venir. De toute façon à résoudre ce problème ?
    • Ce type d'erreur, voyez-vous? J'ai placé l'exacte HTML sur ma page de projets et il fonctionne comme souhaité. Se sentir libre de droit sur la page > Afficher la source de la page et de copier et coller comme souhaité.

    InformationsquelleAutor zedfoxus
  2. 0

    très bonne qr code est la génération de
    https://api.qrserver.com/v1/create-qr-code/?data=YOUR-OWN-TEXT&taille=50x50
    bien fait
    mais u peut remplacer onblur() événement onsubmit() et cliquez sur le bouton soumettre qr code de l'image est générée
    il a également exigé de la connexion internet au serveur de lien et de générer des qr code

    u peut construire un mode hors connexion qrcode generator dans le fichier XML

    InformationsquelleAutor zain