Erstellen eines Einfachen QR-Code mit nur HTML

stieß ich auf diese APIserver zum generieren des QRCode, aber ich Frage mich, ist es möglich, nur HTML verwenden, zum generieren des QRcode zum Beispiel das ist, was ich dachte,

   <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" />

In der "Titel" ich glaube, es ist, wo Sie schreiben Ihren text und den QR-code generieren würde, ich Frage mich, wie kann ich ein Textfeld erstellen, in der für mich wichtige Wert, der direkt auf einer website.

InformationsquelleAutor Sidney | 2015-05-08

  1. 5

    Haben Sie denken, etwas wie dies? https://jsfiddle.net/v7d6d1ps/

    Ihre HTML kann ähnlich sein zu dem, was Sie haben, aber mit zusätzlichen onblur-Ereignis. Nur HTML kann dies nicht tun, so habe ich Hinzugefügt, jQuery/JavaScript-Kombination.

    <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>

    Kopieren und fügen Sie diesen in eine HTML-Datei auf Ihrem desktop. Geben Sie in das Textfeld 12345 und drücken tab. Beachten Sie, dass der QR-code wird aktualisiert.

    Nicht sicher, warum, aber generateBarCode fehlt eine öffnung Zitat
    Die Zeile sehen Sie eine fehlende öffnung zitieren?
    Zeile 17 generateBarCode(); und 19 'barcode'
    Sie können einfache Anführungszeichen oder doppelte Anführungszeichen ein. So onblur='generateBarCode();' und onblur="generateBarCode();" beide arbeiten. Das gleiche gilt für id='barcode' und id="barcode"
    Nicht sicher, warum ist es immer noch erscheint. Die Eröffnung Zitat ist schon da, aber der Fehler immer wieder auftauchen. Jedenfalls um dieses Problem zu lösen ?

    InformationsquelleAutor zedfoxus

  2. 0

    sehr guten qr-code generieren
    https://api.qrserver.com/v1/create-qr-code/?data=YOUR-OWN-TEXT&size=50x50
    gut gemacht
    aber u ersetzen können onblur () - Ereignis onsubmit() und klicken Sie auf die Schaltfläche submit qr-code-Bild erzeugt wird
    es auch erforderlich, internet-Verbindung zu verbinden server und erzeugen qr-code

    kann u bauen eine offline-qrcode-generator in der XML-Datei

    InformationsquelleAutor zain

Schreibe einen Kommentar