Guidance portal

World of Guidance and Education

Insert Buttons

Buttons allow the user to pass an instruction to the webpage. There are several types of buttons each having different function. Some common button types are as following.

  • Submit button
  • Reset button
  • Clear button
  • Send button
  • Remove all button
  • Restart button
  • Done button
  • Submit form button

The function and syntax of each button is explained below in detail. Please caefully note the syntax of buttons.

Submit Button:

Submit button is used to submit your comments, forms etc on the webpage. Syntax of submit button is shown below. Please carefully read the code.

Reset Button:

Reset button is used when you have diffrent fields on the form and it is time consuming process to remove fields one by one ,then use reset button to go on default. See the syntax of reset button.

Clear Button:

Clear button is used to remove data form fields clear button is not diffrent from reset button it also used to go on default (blank fields), see the stntax.

Note

Remember the difference of ID Code because buttons will not work in the absence of ID Code.

Send Button:

Send button is used on the form when you want to send email or a feed back message on the web page lets see the syntax of send button.

Remove all button:

This buton is used when you want to remove all fields data. see the syntax of remove all button.

Restart Button:

Restart button is used when you want to enter data form start again.see the syntax

Done Button:

When you complete entering data on the form then you use done button. Its easy to make, see the syntax

Submit form Button:

Submit form button is used when you complete the form and then want to sbmit your form,see the syntax of submit form button.

NOW WE SEE THIS ALL BUTTONS AND WORK OF EVERY SINGAL BUTTON ON BROWSER.SEE THE LIVE VIEW ALSO.

    <!DOCTYPE HTML>
    <html>
    <head>

    <title>OUR FIRST WEB PAGE</title>
    </head>

    <body>
    <form name="form1" method="post" action="#">
    <input name="text" type="text" title="type your word here" dir="ltr" lang="en" size="30">
    <br>
    <br/>
    <input type="submit" name="submit" id="submit" value="Submit">
    <br>
    <br/>
    <input type="reset" name="Reset" id="submit" value="Reset">
    <br>
    <br/>
    <input type="reset" name="clear" id="submit" value="clear">
    <br>
    <br/>
    <input type="submit" name="send" id="submit" value="send">
    <br>
    <br/>
    <input type="reset" name="remove all" id="submit" value="remove all">
    <br>
    <br/>
    <input type="reset" name="restart" id="submit" value="Restart">
    <br>
    <br/>
    <input type="submit" name="done" id="submit" value="Done">
    <br>
    <br/>
    <input type="submit" name="Submit form" id="submit" value="Submit form"><br/>
    </form>
    </body>
    </html>

Browser view

 

 

comments powered by Disqus