首页做一个简单的手机网页，包含两个下拉框和一个输入框一个按钮，点击按钮会扫描二维码并将内容填写到输入框

做一个简单的手机网页，包含两个下拉框和一个输入框一个按钮，点击按钮会扫描二维码并将内容填写到输入框

时间: 2023-04-11 15:02:02 浏览: 226

js实现手机网页扫描二维码

在使用这个时，要把http协议改成https协议

好的，这是一个很好的问题。您可以使用 HTML、CSS 和 JavaScript 来创建一个简单的手机网页。下面是一个示例代码，其中包含两个下拉框、一个输入框和一个按钮，点击按钮会扫描二维码并将内容填写到输入框： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>扫描二维码</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script> </head> <body> <h1>扫描二维码</h1> <label for="type">选择类型：</label> <select id="type"> <option value="url">URL</option> <option value="text">文本</option> </select> <br><br> <label for="size">选择尺寸：</label> <select id="size"> <option value="100">100</option> <option value="200">200</option> <option value="300">300</option> <option value="400">400</option> </select> <br><br> <label for="result">扫描结果：</label> <input type="text" id="result"> <br><br> <button id="scan">扫描二维码</button> <script> $(document).ready(function() { $('#scan').click(function() { var type = $('#type').val(); var size = $('#size').val(); var qrcode = new QRCode(document.getElementById('result'), { width: size, height: size }); if (type == 'url') { qrcode.makeCode('https://www.baidu.com'); } else if (type == 'text') { qrcode.makeCode('这是一段文本'); } }); }); </script> </body> </html> ``` 这段代码使用了 jQuery 和 qrcode.js 库来生成二维码。当用户选择类型和尺寸后，点击按钮即可生成相应的二维码，并将扫描结果填写到输入框中。

阅读全文