Hoe definieer je een standaardwaarde voor “input type=text” zonder attribuut ‘value’ te gebruiken?

Ik moet als volgt een standaardwaarde opgeven voor het invoertype=tekstveld:

<input type="text" size="32" value="" name="fee" />

Er is één manier om deze standaardwaarde te geven, zoals ik weet:

<input type="text" size="32" value="1000" name="fee" />

Hier is de vraag: kan ik de standaardwaarde instellen zonder attribuut ‘waarde’ te gebruiken?

Zoals ik weet, als ik de waarde 1000 handmatig instel en vervolgens de bron bekijk via de webbrowser, is de waarde nog steeds leeg. Dus ik denk dat er een methode is die ik kan gebruiken.


Antwoord 1, autoriteit 100%

U kunt Javascript gebruiken.

Bijvoorbeeld met jQuery:

$(':text').val('1000');

Dit is echter niet anders dan het gebruik van het kenmerk value.


Antwoord 2, autoriteit 90%

U kunt beter de tijdelijke aanduiding voor het kenmerk gebruiken om de standaardwaarde aan het tekstinvoerveld te geven.

bijv.

<input type="text" size="32" placeholder="1000" name="fee" />

Antwoord 3, autoriteit 94%

U kunt de eigenschap value instellen met het clientscript nadat het element is gemaakt:

<input type="text" id="fee" />
<script type="text/javascript>
document.getElementById('fee').value = '1000';
</script>

Antwoord 4, autoriteit 100%

Hier is de vraag: kan ik de standaardwaarde instellen zonder attribuut ‘waarde’ te gebruiken?

Nee: valueis de enige manier om het standaardkenmerk in te stellen.

Waarom wil je het niet gebruiken?


Antwoord 5, autoriteit 25%

Een niet-jQuery-manier zou zijn om de waarde in te stellen nadat het document is geladen:

<input type="text" id="foo" />
<script>
    document.addEventListener('DOMContentLoaded', function(event) { 
        document.getElementById('foo').value = 'bar';
    });
</script>

Antwoord 6, autoriteit 12%

De waarde is er. De bron wordt niet bijgewerkt als de waarden op het formulier veranderen. De bron is van toen de pagina voor het eerst werd geladen.


Antwoord 7

dit werkt voor mij

<input defaultValue="1000" type="text" />

of

let x = document.getElementById("myText").defaultValue; 

Other episodes