How to create a MD5 generator in PHP

Let’s create an MD5 generator, if you don’t know what MD5 you are can visit read this Wikipedia article over MD5.


PHP 5.

Web server (Apache, Nginx, Lighttpd).

Writable web root.

First create a new file, you can name it whatever you want but to keep it simple I am naming it index.php.

We now must write some HTML that would have an input and a submit button, let’s do that.

<meta charset="utf-8"></meta> <title> MD5 Generator </title> <div class="container"> <h1 class="title">MD5 Generator</h1> <form action="index.php" method="post"> <input name="content" placeholder="Enter some text" type="text"></input> <input name="submit" type="submit" value="Hash!"></input> </form> <div> <p class="output"></p> </div> </div>

Once you have written the basic HTML we require, you can add the PHP below in the top of the page that we will be using to check if the input isset or empty and hash the text.

The code below check if the input isset and checks if the input is left blank before the text is submitted , if not then the md5 function will continue and process the text and convert it into md5 hash

<?php if (isset($_POST['content'])) { if (!empty($_POST['content'])) { $hash = md5($_POST['content']); } } ??>

Now we need to echo the hash by adding these lines.

<?php echo $hash ??>

We can add the line above to the

We can add the line above to the `

that we had left empty, it should look something like this.

Now that we have our page styled the code should look something like this.

<p class="output"> <?php echo $hash; ??> </p>`
<br> <span class="cp"> <span class="cp"> <span class="cp"> <?php if (isset($_POST['content'])) { if (!empty($_POST['content'])) { $hash = md5($_POST['content']); } } ?> </span> </span> </span>
<div class="container"> <h1 class="title">MD5 Generator</h1> <form action="index.php" method="post"><input name="content" type="text" placeholder="Enter some text"><input name="submit" type="submit" value="Hash!"></form> <div> <p class="output"><?php echo $hash; ??></p> </div> </div>

You can find the source on GitHub

Now we have successfully created an md5 generator. If you have any questions, feel free to leave a comment below

Leave a Reply

Your email address will not be published. Required fields are marked *