Home/ Questions/Q 6371109
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T01:01:10+00:00

I need help in HTML styling here is the case: <div id=hidden style=display: none;>

  • 0

I need help in HTML styling

here is the case:

<div id="hidden" style="display: none;">
<label>URL:</label>
<input type="text" name="url" size="50"/><br/>
<input type="button" id="button2" value="Update"/> <br/>
</div>
<input type="button" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display = '';" size="25"/>

as we can see all the elements inside

<div></div>

will be displayed on clicking button1(they will hidden initially).When all the fields appear the another button inside div(button2) is unaligned to button1.

What i want is when i click button1 both button1 and button2 should be aligned..

how can i do this??

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <div id="hidden" style="display: none;">
<label>URL:</label>
<input type="text" name="url" size="50"/><br/>
</div>
<input type="button" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display =     '';document.getElementById('button2').style.display=''" size="25"/>
<input type="button" id="button2" value="Update" style="display:none"/>

    If you want the two buttons next to each other, but the second one can only be displayed upon clicking the other button, then you’ll need to include script to show the button onclick.

    • 0