html如何打开网站就能将文本复制

html,php如何打开网站就能将文本复制,这个文本自己设置,强制辅助的那种,不是点击按钮复制,而是打开网站就会自动复制

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/993798
  • 这篇博客也不错, 你可以看下使用html格式,通过php调用数据库并显示数据
  • 除此之外, 这篇博客: 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');?>
    
  • 您还可以看一下 孙探老师的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() 方法创建一个文本区域,然后设置文本,并通过添加、选中、复制、移除的操作,实现文本的复制