Shared conversation
ChatGPT ·
html input 元素每次打开页面随机5个字母
ChatGPT
以下是一个例子，可以在每次页面加载时随机生成5个字母，并将其填充到一个输入框中：
<!DOCTYPE html>
<html>
<head>
<title>随机五个字母输入框</title>
</head>
<body onload="generateRandomLetters()">
<h1>随机五个字母输入框</h1>
<label for="random-letters">随机五个字母：</label>
<input type="text" id="random-letters" name="random-letters">
<script>
function generateRandomLetters() {
var letters = 'abcdefghijklmnopqrstuvwxyz';
var randomLetters = '';
for (var i = 0; i < 5; i++) {
var randomIndex = Math.floor(Math.random() * letters.length);
var randomLetter = letters.charAt(randomIndex);
randomLetters += randomLetter;
}
document.getElementById('random-letters').value = randomLetters;
}
</script>
</body>
</html>
在这个例子中，我们使用了 JavaScript 来生成5个随机字母，并将它们填充到一个输入框中。与之前的例子类似，在 generateRandomLetters() 函数中，我们首先定义了一个包含所有小写字母的字符串 letters，然后使用 for 循环生成5个随机字母，将它们拼接成一个字符串 randomLetters。最后，我们将 randomLetters 填充到输入框中。在 HTML 中，我们使用 onload 属性来指定页面加载时要执行的函数。
html 创建一个表格 输入 xxx 点击按钮复制 [email protected]
ChatGPT
以下是一个例子，可以在输入 xxx 后，点击按钮将 [email protected] 复制到剪贴板中：
<!DOCTYPE html>
<html>
<head>
<title>复制邮箱地址</title>
<script>
function copyToClipboard() {
var email = document.getElementById('email').value + '@devops.rr.nu';
var tempInput = document.createElement('input');
tempInput.value = email;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand('copy');
document.body.removeChild(tempInput);
alert('已复制邮箱地址：' + email);
}
</script>
</head>
<body>
<h1>复制邮箱地址</h1>
<label for="email">请输入 xxx：</label>
<input type="text" id="email" name="email"><br><br>
<input type="button" value="复制邮箱地址" onclick="copyToClipboard()">
</body>
</html>
在这个例子中，我们使用了 JavaScript 来将 [email protected] 复制到剪贴板中。在 copyToClipboard() 函数中，我们首先获取输入框中的 xxx 值，并将其拼接成完整的邮箱地址 email。然后，我们创建一个临时的输入框 tempInput，将 email 填充到其中，并将其添加到页面中。接着，我们使用 select() 方法选中输入框中的文本，使用 document.execCommand('copy') 命令将其复制到剪贴板中，最后将临时输入框从页面中移除。最后，我们使用 alert() 方法弹出一个提示框，显示已复制的邮箱地址。在 HTML 中，我们使用 onclick 属性来指定按钮被点击时要执行的函数。
This conversation may have been edited by the sharer.