Я хочу вставить базу данных с SQL на моем веб-сайте, но код не работает.
Я имею в виду, что в таблице базы данных есть проблема - после выполнения она показываеткак пустое, мне нужна помощь для решения этой проблемы.
Кроме того, я хотел бы знать, правильно ли указывать имя значения в HTML-коде, как это «prenom» в этом примере document.f.prenom.value
, или должноЯ делаю id
вместо этого?
Это код:
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]);
});
});
}
Это мой 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>