HTML 生成二维码页面 - 在线制作二维码 - 常规

<!DOCTYPE html>
<html>
<head>
	<meta charset='UTF-8'>
	<title>生成二维码</title>
	<script src='https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js'></script>
</head>
<body>
	<h1>生成二维码</h1>
	<p>请输入要生成二维码的内容：</p>
	<input type='text' id='content'>
	<br><br>
	<button onclick='generateQRCode()'>生成二维码</button>
	<br><br>
	<div id='qrcode'></div>
	<script>
		function generateQRCode() {
			var content = document.getElementById('content').value;
			var qrcode = new QRCode(document.getElementById('qrcode'), {
				text: content,
				width: 256,
				height: 256,
				colorDark: '#000000',
				colorLight: '#ffffff',
				correctLevel: QRCode.CorrectLevel.H
			});
		}
	</script>
</body>
</html>