html,php如何打开网站就能将文本复制,这个文本自己设置,强制辅助的那种,不是点击按钮复制,而是打开网站就会自动复制
每个IT从事人员都会涉及到网页,所以分享一些小方法,我这次分享的就是网页注册与数据存到数据库的基本程式,其他的样式就要自己加了,以及调试数据库的连接,在自己去探索的时候就让自身体会更深层次的理解能力。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>register</title>
<script type="text/javascript">
$("#login-button").click(function(event){
event.preventDefault();
$('form').fadeOut(500);
$('.wrapper').addClass('form-success');
});
//验证信息填写是否有误
function check()
{
if(form.username.value.length<6 || form.username.value.length>16)
{
alert('用户名不合法!请输入6-16位用户名');
form.username.focus();
return false;
}
if(form.pass.value.length<6 ||form.pass.value.length>16)
{
alert('密码不合法!请输入6-16位密码');
form.username.focus();
return false;
}
if(form.pass.value != form.pass2.value)//判断两次输入的密码是否一致
{
alert("两次输入的密码不一致!");
form.pass.focus();
return false;
}
}
</script>
</head>
<body>
<div class="wrapper">
<div class="container">
<h1>Welcome</h1>
<form name='form' class="form" action='register.php' method='post' onSubmit="return check();">
<input type="text" placeholder="Username" name='username'>
<input type="password" placeholder="Password" name='pass'>
<input type="password" placeholder="Reconfirm Your Password" name='pass2'>
<input type="text" placeholder="Your Name" name='realname'>
<input type="text" placeholder="Your Phonenumber" name='phonenumber'>
<a href="Login.html" class="cc" ><button type="button" id="rogin-button">Login</button></a>
<button type="submit" id="register-button" value='submit' name='submit' >Register</button>
</form>
</div>
</div>
</body>
</html>
PHP
<?php
// var_dump($_POST);
$username=$_POST['username'];
$password=$_POST['pass'];
$realname=$_POST['realname'];
$phonenumber=$_POST['phonenumber'];
$conn = mysqli_connect('127.0.0.1','root','123456','mydb');//ip地址,数据用户名,数据密码,数据表名
// 检测连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// echo "连接成功";
if($_POST['submit']){
$query=mysqli_query($conn,"SELECT username FROM datas WHERE username = '$username'");//找到与输入用户名相同的信息,注意要取出的信息有两项
$row = mysqli_fetch_array($query);
if($row['username']==$username){
echo "<script>alert('该账号已存在,请重新输入...');;</script>";//window.location= 'index.php'
}
else if(mysqli_query($conn,"insert into datas (username,password,realname,phonenumber) values('$username','$password','$realname','$phonenumber')")){
setcookie("uname",$username,time()+3600);//cookie的时效
echo "<script>alert('注册成功!');;</script>";//window.location= 'index.php'
}else {
echo "<script>alert(`{$conn->error}`);history.go(-1)</script>";
}
}
include('Register.html');?>
如下所示:
<input type="text" value="这里是要填充的文本" />
如果需要用户自动复制文本,可以使用下面的HTML代码,使用 select()
方法选中文本,再使用 document.execCommand('copy')
方法复制文本:
<script>
window.onload = function() {
// 获取button元素
const btn = document.getElementById('copy');
// 设置要复制的文本
const text = '这里是需要复制的文本';
// 添加点击事件
btn.addEventListener('click', () => {
// 创建一个文本区域
const textarea = document.createElement('textarea');
// 设置文本
textarea.value = text;
// 将文本区域添加到DOM中
document.body.appendChild(textarea);
// 选中文本
textarea.select();
// 复制文本
document.execCommand('copy');
// 移除文本区域
document.body.removeChild(textarea);
});
}
</script>
在这个代码中,我们使用 document.createElement()
方法创建一个文本区域,然后设置文本,并通过添加、选中、复制、移除的操作,实现文本的复制