Untitled

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>Νίκος Καζαντζάκης</title>
   <link rel="stylesheet" type="text/css" href="a.css" >
</head>
<body style="background-color: #F5DEB3;  border: 2px solid yellow">
  <h1><ins>Νίκος Καζαντζάκης</ins></h1>
  <ins style="color:yellow;">Αγορά Βιβλίων</ins><br><br>
  <em style="color:purple;">Στοιχεία παραγγελίας</em><br><br>
  <strong> Ημερομηνία: </strong> <input placeholder="mm/dd/yyyy" id="theDate" type="date"><br><br>
  <em style="color:purple;"> Αριθμός Τίτλων: </em>
  <form>
  <select id="book" name="subject">
    <option> Ο ΧΡΙΣΤΟΣ ΞΑΝΑΣΤΑΥΡΩΝΕΤΑΙ(50 ευρώ το βιβλίο) </option>
    <option> ΕΠΙΣΤΟΛΕΣ ΠΡΟΣ ΓΑΛΑΤΕΙΑ(100 ευρώ το βιβλίο) </option>
    <option> ΒΙΟΣ ΚΑΙ ΠΟΛΙΤΕΙΑ ΤΟΥ ΑΛΕΞΗ ΖΟΡΜΠΑ(120 ευρω το βιβλίο) </option>
  </select>
  <tr>
    <td>E-mail</td>
    <td><input type="text" id="email" float="center"></td>
  <td>
  <em style="color:purple;"> Αριθμός Αvτιτύπων Τίτλων:</em>
  <input id="number" type="number">
        <br>
            <tr><td>
                <input type="radio" name="payment method">
                <img src="visa.jpg" alt="Εισαγωγή εικόνας"width="60px">
                <img src="mastercard.jpg" alt="Εισαγωγή εικόνας"width="60px">
                <img src="american.jpg" alt="Εισαγωγή εικόνας"width="60px">
                <br>
                <form>
                    <table style="background-color:whitesmoke;">
                      <tr>
                            <td>
                            Card number
                            </td>
                      </tr>
                      <tr>
                           <td>
                         <input type="number">
               </td>
                      </tr>
                      <tr>
                         <td>
                           Expiry date
                           </td>
                           <td>
                   Security code
                           </td>
                      </tr>
                      <tr>
                           <td>
                 <input placeholder="MM" type="text" size="5"> /
                           <input placeholder="YY" type="text" size="5">
                           </td>
                           <td>
                           <input type="number" size="3">
                           </td>
                      </tr>
                      <tr>
               <td>
                           Cardholder name
                           </td>
                      </tr>
                      <tr>
                           <td>
                           <input placeholder="First name" type="text" onkeypress="return (event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122) ">
                           </td>
                           <td>
                           <input placeholder="Last name" type="text"  onkeypress="return (event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122) ">
                           </td>
                      </tr>
                      <tr>
                           <td>
                           <input type="checkbox">
                           Save ths card
                           </td>
                      </tr>
                </form>
            </td></tr>
            <tr><td>
                <input type="radio">WebMoney<img src="webmo.jpg" alt="Εισαγωγή εικόνας" width="60px">
            </td></tr>
            <tr><td>
                <input type="radio">Other payment methods
            </td></tr>
        </table>
        <input type="reset" value="Καθαρισμός Παιδίων">
       <input type="submit" id="btn" value="Done" size="50">
    <script>function click_show_message(){
      show_message(document.getElementById("number").value)
    }
    function show_message(p1){
        if (p1=="")
        {
          alert("Συμπληρώστε τα υποχρεωτικά πεδία");
        }
        else {
          var ddl = document.getElementById("book");
          var namebook = ddl.options[ddl.selectedIndex].value;
          var tax=11.0/100
          if (namebook=="Ο ΧΡΙΣΤΟΣ ΞΑΝΑΣΤΑΥΡΩΝΕΤΑΙ(50 ευρώ το βιβλίο)") {
            var x = (50+50*tax)*p1
            alert("Επιλέξατε το βιβλιο:    "+namebook+"    με αντύτιπα:    "+p1+"    και συνολική αξία:    "+x+"    ευρώ")
          }
          else if(namebook=="ΕΠΙΣΤΟΛΕΣ ΠΡΟΣ ΓΑΛΑΤΕΙΑ(100 ευρώ το βιβλίο)") {
            var x = (100+100*tax)*p1
            alert("Επιλέξατε το βιβλιο:    "+namebook+"    με αντύτιπα:    "+p1+"    και συνολική αξία:    "+x+"    ευρώ")
          }
          else if (namebook=="ΒΙΟΣ ΚΑΙ ΠΟΛΙΤΕΙΑ ΤΟΥ ΑΛΕΞΗ ΖΟΡΜΠΑ(120 ευρω το βιβλίο)") {
            var x = (120+120*tax)*p1
            alert("Επιλέξατε το βιβλιο:    "+namebook+"    με αντύτιπα:    "+p1+"    και συνολική αξία:    "+x+"    ευρώ")
          }
          //sindesi me mysql
          <?php
          $email=$_POST["email"];
          $title_book=$_POST["book"];
          $number_book=$_POST["number"];
          $Card_number=$_POST["Card_number"];
          $Expire_date=$_POST["month"]+""+$_POST["year"];
          $Security_code=$_POST["Security_code"];
          $Cardholder_name=$_POST["First_name"]+""+$_POST["Last_name"];
          if (isset($_POST["btn"])){
            $conn= mysqli_connect("localhost", "root", "", "order_td");
            mysqli_set_charset($conn,"utf8")
            INSERT INTO order_td('email','title_book','number_book','Card_number','Expire_date','Security_code','Cardholder_name','cost')
            VALUES($email,$title_book,$number_book,$Card_number,$Expire_date,$Security_code,$Cardholder_name,$x);
            mysqli_close($conn)
          ?>
        }
    }
    document.getElementById("btn").onclick=function(){click_show_message()}
    var date = new Date();
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    if (month < 10) month = "0" + month;
    if (day < 10) day = "0" + day;
    var today = year + "-" + month + "-" + day;
    document.getElementById("theDate").value = today;
</script>
    </form>
</body>
</html>