How to protect data(text) in webpages

In this post i am explain about how to protect data in webpages using css and html. This is one of the simple concept but it is used to avoid the coping data from your site. This method to just disable the selection of the text. This is very useful for web developers who wants to protect the data in their websites.




Protect your data in webpages:

index.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>how to Protect data in website</title>
<style>
.protected {
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
width:500px;
padding:25px;
border:1px solid #CCC;
border-radius:25px;
}
</style>
</head>
<body>
<p class="protected">This line is fully protected  using css, you can't able copy this line and you can't able to select the text . This post helps you how to protect your data in website.</p>
</body>
</html>


Post a Comment

1 Comments