Inserver une variable js dans un formulaire

Bonjour,

J'ai comme projet de crée une page HTML dans lequel on va envoyer dans un formulaire différents informations qui se trouvent dans l'en-tête HTTP. Pour ce faire j'ai crée des champs vides que je remplis ensuite en javascript.
J'ai donc tapé ce code:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Code pour les Empreintes de navigateur web</title>
</head>

<body>
<h1>Bonjour et Bienvenue sur notre site ! :D</h1>
<h2>Cliquer ici pour analyser votre empreinte</h2>

<form name="form1" method="post">
<input type="text" name="usera" value="">
<input type="text" name="userl" value="">
<input type="text" name="systl" value="">
<input type="text" name="platf" value="">
<input type="text" name="cpuc" value="">
<input type="text" name="cookie" value="">
<input type="text" name="coden" value="">
<input type="text" name="heig" value="">
<input type="text" name="widt" value="">
<input type="text" name="colord" value="">
<input type="text" name="da" value="">
<input type="text" name="plug1" value="">
<input type="text" name="plug2" value="">
<input type="text" name="plug3" value="">
<input type="text" name="plug4" value="">
<input type="submit" Value="Envoyer votre emprunte">
</form>

<script type="text/javascript">
    var ua = navigator.userAgent;
    var ul = navigator.userLanguage;
    var sl = navigator.systemLanguage;
    var pltf = navigator.platform;
    var cpu = navigator.cpuClass;
    var ck = navigator.cookieEnabled;
    var cn = navigator.appCodeName;
    var sh = screen.height;
    var sw = screen.width;
    var sc = screen.colorDepth;
    var ladate=new Date();
    var dat = ladate.toLocaleString();
    for (var i=0; i<navigator.plugins.length; i++) {
    var plugin[i] = navigator.plugins[i].name ;
    };

    document.forms["form1"].elements["usera"].value=ua;
    document.forms["form1"].elements["userl"].value=ul;
    document.forms["form1"].elements["systl"].value=sl;
    document.forms["form1"].elements["platf"].value=pltf;
    document.forms["form1"].elements["cpuc"].value=cpu;
    document.forms["form1"].elements["cookie"].value=ck;
    document.forms["form1"].elements["coden"].value=cn;
    document.forms["form1"].elements["heig"].value=sh;
    document.forms["form1"].elements["widt"].value=sw;
    document.forms["form1"].elements["colord"].value=sc;
    document.forms["form1"].elements["da"].value=dat;
    document.forms["form1"].elements["plug1"].value=plugin1;
    document.forms["form1"].elements["plug2"].value=plugin2;
    document.forms["form1"].elements["plug3"].value=plugin3;
    document.forms["form1"].elements["plug4"].value=plugin4;
</script>

</body>
</html>

Malheureusement rien n'est affiché dans les champs de mon formulaire lorsque je charge la page. Quelqu'un doit un problème dans mon code ?
Merci d'avance