Home/ Questions/Q 8498723
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T00:28:49+00:00

Basically I’m just trying to clear a text field, which has never been a

  • 0

Basically I’m just trying to clear a text field, which has never been a problem for me.
However, this is NOT working:

<html>
<body>

<form name="form">

<input type="text" name="input-field" value="Value" />

<input type="button" name="clear" value="Clear field" onclick="document.form.input-field.value = ''"; />

</form>

</body>
</html>

But if I rename “input-field” to “inputfield” and onclick to onclick=”document.form.inputfield.value = ””; … Then it works fine.

However… Removing the “-” from the field name, is not an option in my case (long explanation).

So, how do I clear a text field, containing a “-“???

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Because it’s not a valid JavaScript identifier. However, you can use the following instead:

    document.form['input-field'].value

    It’s for the same reason you can’t declare a variable using var my-var. On the other hand, if you have an object, such as form with several keys, you can access its properties as if it was an associative array:

    var form = {
  "input-field": 20,
  otherKey: 30
};
form.input-field; // Error
form.otherKey; // OK
form['input-field']; // OK

    References:

    • 0