Discussion :

[colem]

Bonsoir à tout.
Désolé je n'ai pas trouvé mieux en titre pour expliquer, mais je vais essayer d'être plus clair ici

Je dois générer dans un script des input en dehors d'un formulaire.
L input vas être du style

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type='text' form='idform' name='key' >

Je pensais faire comme ceci mis visiblement ça ne fonctionne pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
let i1=document. CreateElement('input') ;
i1.name='key' ;
i1.form='idform';
...

Savez vous comment faire
Merci à vous

[javatwister]

bonjour,

j'imagine qu'ensuite tu ajoutes le type:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

i1.type="text";

Il te faut ensuite intégrer ton input dans la page, on est d'accord? Sinon il n'existera que dans ton imagination;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("id_de_la_balise_qui_accueillera_mon_input").appendChild(l1);

[ProgElecT]

Salut

Je suit plus long que javatwister, étant un petit nouveau dans ce langage, voilà comment je fait d’habitude

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
let elem=document.createElement('input');
elem.setAttribute("type","text");
elem.setAttribute("name","key");
elem.setAttribute("form","idform");
elem.value="The new texte";
document.body.appendChild(elem);

[colem]

merci à vous deux

oui javatwister je fais ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
let i1=document.createElement("input");
i1.type="text";
i1.name="key";
i1.form="idform";
document.getElementById("id").appendChild(i1);

quand je visualise ma page et que j'appuis sur F12, je ne vois que

<input type="text" name="key">

je valide le formulaire, j'ai tout en retour sauf key

[ProgElecT]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("id").appendChild(i1);

getElementById("id"), id, est l'id (meform pour l'exemple) qui doit correspondre à ta balise <form id="meform">

[javatwister]

Eh bien tu fais comme ProgElecT et tu prends la syntaxe conventionnelle setAttribute("form","idform");
ça lève l'ambiguïté

[javatwister]

PS: le problème est que form est une propriété des éléments de formulaire accessible par javascript uniquement: elle a pour valeur le formulaire parent;
Si on veut définir la propriété html "form" d'un élément sans passer par setAttribute, l'interpréteur croit qu'on recherche le formulaire parent, d'où petit conflit... surtout que element.form est en lecture seule;

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
let i1=document.createElement("input");
i1.type="text";
i1.name="key";
i1.setAttribute("form","idform");
document.getElementById("c").appendChild(i1);
console.log(i1, i1.form)

[colem]

je vais essayer, je vous tiens au jus
merci les gars

EDIT: Merci tous les deux les gars, ça fonctionne