Trying to make connection between html form and sql database
I am new to coding and stuff. I have copied script and trying to figure them out.
the code works with wampp server, just doesn't work with real hostgator server. i know it could be from the hostgator's end that the script is not working. I'm just unable to to access the database, pass and username are absolutely correct.
my website: sqms.in
contact form: sqms.in/contactus.html
PHP CODE:
define('DB_NAME', 'contactus');
define('DB_USER', 'sqmsihv7_admin');
define('DB_PASSWORD', '*******');
define('DB_HOST', 'localhost:3306');
$link = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD);
if (!$link) {
   die('Could not connect: ' . mysql_error());
   }
  $db_selected = mysql_select_db(DB_NAME, $link);
  if (!$db_selected) {
  die('Can\'t use ' . DB_NAME . ': ' . mysql_error());
  }
  $value = $_POST['name'];
  $value2 = $_POST['email'];
  $value3 = $_POST['gender'];
  $value4 = $_POST['message'];
  $sql = "INSERT INTO tb_cform (name, email, gender, message) VALUES  ('$value', '$value2', 
  '$value3', '$value4')";
  mysql_query($sql);
  mysql_close();
HTML CODE:
<div class="row">
                    <form action="connection2.php" method="post">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="name" class="sr-only">Email</label>
                                <input placeholder="Name" name="name" type="text" class="form-control input-lg">
                            </div>  
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="email" class="sr-only">Email</label>
                                <input placeholder="Email" name="email" type="text" class="form-control input-lg">
                            </div>  
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="gender" class="sr-only">Gender</label>
                                <select class="form-control input-lg" name="gender">
                                  <option>--Gender--</option>
                                  <option>Male</option>
                                  <option>Female</option>
                                </select>
                            </div>  
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="message" class="sr-only">Message</label>
                                <textarea placeholder="Message" name="message" class="form-control input-lg" rows="3"></textarea>
                            </div>  
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="submit" class="btn btn-primary " value="Send">
                                <input type="reset" class="btn btn-outline  " value="Reset">
                            </div>  
                        </div>
                    </form> 
                </div>
strong text
 
     
     
    