Comment définiriez-vous la valeur par défaut d'un <input>
champ de texte de formulaire en JavaScript?
Comment définiriez-vous la valeur par défaut d'un <input>
champ de texte de formulaire en JavaScript?
Réponses:
C'est une façon de procéder:
document.getElementById("mytext").value = "My value";
.value = ...
ne modifie que la valeur actuelle. La réinitialisation du formulaire (avec <input type="reset" />
par exemple) redéfinira la valeur sur celle d'origine. En revanche, setAttribute("value", ...)
fonctionne correctement dans Firefox et Chrome. La valeur par défaut est modifiée mais la valeur réelle n'est modifiée que si l'utilisateur ne l'a pas déjà modifiée. Cependant, setAttribute
n'est pas recommandé en raison de la compatibilité du navigateur. Y a-t-il une autre possibilité?
J'utilise la fonction 'setAttribute':
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
value
doit être accessible directement en utilisant la notation par points: developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute vous utilisez uniquement set / getAttribute pour gérer la valeur d'origine. Une fois DOM chargé, .value
représente la valeur de travail réelle de l'élément.
setAttribute
. Mon problème était de changer la valeur d'une entrée via un appel de fonction, de changer également les dernières entrées modifiées.
Essayez-les.
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
La réponse est vraiment simple
// Your HTML text field
<input type="text" name="name" id="txt">
//Your javascript
<script type="text/javascript">
document.getElementById("txt").value = "My default value";
</script>
Ou si vous voulez éviter complètement JavaScript: vous pouvez le définir en utilisant simplement HTML
<input type="text" name="name" id="txt" value="My default value">
value
attribut ...
Si vous utilisez plusieurs formulaires, vous pouvez utiliser:
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
La réponse simple n'est pas en Javascript, le moyen le plus simple d'obtenir l'espace réservé consiste à utiliser l'attribut d'espace réservé
<input type="text" name="text_box_1" placeholder="My Default Value" />
C'est simple; Un exemple est:
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
var elem = document.getElementById("example"); // Get text field
elem.value = "My default value"; // Change field
</script>
document.getElementById("fieldId").value = "Value";
ou
document.forms['formId']['fieldId'].value = "Value";
ou
document.getElementById("fieldId").setAttribute('value','Value');
<form>
<input type="number" id="inputid" value="2000" />
</form>
<script>
var form_value = document.getElementById("inputid").value;
</script>
Vous pouvez également remplacer la valeur par défaut par une nouvelle valeur
<script>
document.getElementById("inputid").value = 4000;
</script>
Cette partie que vous utilisez en html
<input id="latitude" type="text" name="latitude"></p>
C'est javaScript:
<script>
document.getElementById("latitude").value=25;
</script>
Vous pouvez également essayer:
document.getElementById('theID').value = 'new value';