Home/ Questions/Q 1074589
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T21:09:01+00:00

I’m trying to make my button bigger when it receives focus: <html> <form name=myForm>

  • 0

I’m trying to make my button bigger when it receives focus:

<html>
    <form name="myForm">
      <button onfocus="width=200; height=200">myButton</button>
      <button>myOtherButton</button>
    </form>
</html>

Any idea how can I make it work?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <form name="myForm">
    <button onfocus="this.style.width = '200px'; this.style.height = '200px';">myButton</button>
    <button>myOtherButton</button>
</form>

    I imagine after implementing this, you will also want to restore the size after the focus leaves.

    <button onfocus="this.style.width = '200px'; this.style.height = '200px';" onblur="this.style.width = this.style.height = '';">myButton</button>

    If you’re doing much more than that, I would recommend separating this code into functions and making better JavaScript design decisions.

    • 0