Darryl Dias

How to create a MD5 generator in PHP

Let’s create an MD5 generator, If you don’t known what MD5 is you can visit read this Wikipedia article over MD5.

Requirements.

PHP 5.

Web server (Apache, Nginx, Lighttpd).

Writable web root.

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

We now have to write some HTML that would have an input and a submit button, lets do that.

<code class="language- html"><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

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

}

??>```

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

`<code class="language- php"><?php echo $hash ??>`

We can add the line above to the `<code class="highlighter-rouge">`

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

`<code class="language- php"><p class="output"><?php echo $hash; ??></p>`

Now the code should look something like this.

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

}

??>```

<code class="language- php"><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"><?php echo $hash; ??></p></div></div>

We can now style the web page using CSS.

<code class="language- html"><style type="text/css">  
        body, input { font: 0.9em Tahoma, sans-serif; }
        .title { font-weight: normal; }
        .container { width: 100%; max-width: 600px; text-align: center; margin: 0 auto; }
        input { padding: 10px; background: #ffffff; border:  1px solid #ccc; margin: 0;}
        input[type="text"] { width: 300px; }
        .output { border: 1px solid #ccc; padding: 10px;}
</style>```

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

<div class="highlighter-rouge">```
<span class="cp"><span class="cp"><?php if (isset($_POST['content'])) {  
    if (!empty($_POST['content'])) { 
        $hash = md5($_POST['content']);
    }

}

??></span></span>```

</div>```
<code class="language- php"><meta charset="utf-8"></meta><title> MD5 Generator </title><style type="text/css">
        body, input { font: 0.9em Tahoma, sans-serif; }
        .title { font-weight: normal; }
        .container { width: 100%; max-width: 600px; text-align: center; margin: 0 auto; }
        input { padding: 10px; background: #ffffff; border:  1px solid #ccc; margin: 0;}
        input[type="text"] { width: 300px; }
        .output { border: 1px solid #ccc; padding: 10px;}
    </style><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"><?php echo $hash; ??></p></div></div>```

You can find the [source on GitHib

](https://github.com/DarrylDias/PHP-MD5-Generator)

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