为什么数据库表为空?

时间:2019-05-29 02:33:22

标签: javascript html css sql

我想在我的网站中插入带有SQL的数据库,但是代码不起作用。我的意思是,数据库表中存在问题-执行后,它显示为空。我需要帮助来解决这个问题。另外,我想知道,在示例document.f.prenom.value中使用HTML代码(如“ prenom”)来命名值名称是否正确,还是应该改为使用id

这是代码:

  <script>
     window.addEventListener('load',inscrire);
      function inscrire(){
 var nom = document.f.nom.value; 
  var   prenom = document.f.prenom.value; 
  var   adresse = document.f.adresse.value; 
  var   email = document.f.email.value; 
  var   telephone = document.f.tel.value; 


var db = openDatabase('fashion', '1.0', 'amal DB', 200000); 
    db.transaction(function (tx) {   
            tx.executeSql('CREATE TABLE IF NOT EXISTS 
     mytable (id INTEGER PRIMARY KEY,nom TEXT, prenom TEXT , adresse TEXT, 
   email TEXT, telephone TEXT, choix TEXT,message TEXT)'); 
            tx.executeSql('INSERT INTO members 
   (nom,prenom,adresse,email,telephone,choix,message)  VALUES 
  (?,?,?,?,?,?,?,?)',[nom,prenom,adresse,email,telephone,choix,message]);
        });
   }
    </script>

这是我的html代码:

     <body>
     <form name="f" onsubmit="inscrire()">
            <table>
                    <tr>
                    <td> 
                        Nom:
                    </td>
                    <td>
                            <input required="required" type="TEXT" 
    name="nom" /> <br> 
                    </td>
                    </tr>
                    <tr>
                    <td> 
                        Prénom:
                        </td>
                        <td>
                            <input required="required" type="TEXT" name="prenom"/> <br> 
                    </td>
                    </tr>
                    <tr>
                        <td> 
                            Adresse:
                            </td>
                            <td>
                                <textarea required="required" type="TEXT" rows="3" cols="22" name="adresse"> </textarea><br> 
                        </td>
                        </tr>
                    <tr>
                    <td> 
                        Mail:
                        </td>
                        <td>
                            <input required="required" type="email" name="email" /> <br> 
                    </td>
                    </tr>
                    <tr>
                        <td> 
                            Téléphone:
                            </td>
                            <td>
                                <input required="required" type="tel" minlength="8"  maxlength="8" name="tel" /> <br> 
                        </td>
                        </tr>
                    <tr>
                    <td> 
                        Choix:
                        </td>
                        <td>
                            <input required="required" type="TEXT" name="choix" /> <br> 
                    </td>
                    </tr>
                    <tr>
                    <td> 
                        Message:
                        </td>
                        <td>
                            <textarea required="required" type="TEXT" rows="8" cols="22" name="message"> </textarea><br> 
                    </td>
                    </tr>
                    </table>
                    <input type="submit" value="Envoyer" id="btn" />
                    <input type="reset" value="Annuler" id="btn"/>
        </form>


     </body>

0 个答案:

没有答案