Er is geen CSS ondersteuning.
Als je hele lange formulieren hebt die vanuit een database gevoed worden, en je moet veel wijzigingen aanbrengen, kan het handig zijn om te kunnen zien of de waarde van een veld gewijzigd is of niet. Daar is een heel handig hulpmiddel voor. Met onchange "trigger" je elke verandering in een input-veld. Met een klein beetje javascript kan je natuurlijk meer doen met onchange. de laatse 3 input-veldjes (op deze pagina) worden op hun class-naam voorzien van een onchange-procedure. als je één van de velden veranderd zal elk veld van de class aangepast worden. De mogelijkheden zijn onbegrensd; dus je kan altijd wel een goede toepassing voor onchange vinden. Ik heb de "form" hieronder geplaatst en daaronder heb ik wat voorbeelden v.w.b. de javascript-mogelijkheden neergezet.
<form method="post" action="" onsubmit="">
<div>
<div>
<label for="onchange-input-1">onchange-input-1</label>
<input onchange="this.style.backgroundColor='red';this.style.color='white'" type="text" id="onchange-input-1" name="onchange-input-1" />
</div>
<div>
<label for="onchange-input-2">onchange-input-2</label>
<input onchange="change_it()" class="on-change" type="text" id="onchange-input-2" name="onchange-input-2" />
</div>
<div>
<label for="onchange-input-3">onchange-input-3</label>
<input onchange="change_it()" class="on-change" type="text" id="onchange-input-3" name="onchange-input-3" />
</div>
<div>
<label for="onchange-input-4">onchange-input-4</label>
<input onchange="change_it()" class="on-change" type="text" id="onchange-input-4" name="onchange-input-4" />
</div>
</div>
</form>
<script type="text/javascript">
// basis functie getElementsByClass
function getElementsByClass(knoopje,doedezeclass,tag){
var i,j,klaselementen=[];
var elementjes=knoopje.getElementsByTagName(tag);
var elementjeslengte=elementjes.length;
var hetpatroon=new RegExp(doedezeclass);
for (i=0,j=0;i<elementjeslengte;i++){
if (hetpatroon.test(elementjes[i].className)){
klaselementen[j]=elementjes[i];
j++;}}
return klaselementen;}
// functie die door onchange wordt aangeroepen
function change_it(){
var i;
var elvars = getElementsByClass(document,'on-change','*');
var delengte=elvars.length;
for(i=0;i<delengte;i++){
elvars[i].style.backgroundColor='green';
elvars[i].style.color='white';}}
// geef focus aan het eerste invoer-veld
document.getElementById('onchange-input-1').focus();
</script>
cache 19-09-2010