Top Banner
1 Minute HTML <button> tag
23

1 Minute HTML tutorial - button tag

Jan 17, 2017

Download

Internet

rimaoka
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 1 Minute HTML tutorial - button tag

1 Minute HTML

<button> tag

Page 2: 1 Minute HTML tutorial - button tag

<button> for

an arbitrary button

Page 3: 1 Minute HTML tutorial - button tag

<button> can create

a submit button

Page 4: 1 Minute HTML tutorial - button tag

where you jump to an

action page

Page 5: 1 Minute HTML tutorial - button tag

<button> also creates

a button triggering JavaScript

Page 6: 1 Minute HTML tutorial - button tag

For example,

JavaScript to pop-up message

Page 7: 1 Minute HTML tutorial - button tag

<button> and <input>

for submit buttons

Page 8: 1 Minute HTML tutorial - button tag
Page 9: 1 Minute HTML tutorial - button tag

both has type=“submit”

Page 10: 1 Minute HTML tutorial - button tag

</button> is necessary

Page 11: 1 Minute HTML tutorial - button tag

button’s display text

Page 12: 1 Minute HTML tutorial - button tag

button’s name & value

appear in query string

Page 13: 1 Minute HTML tutorial - button tag
Page 14: 1 Minute HTML tutorial - button tag

Pressing the submit button…

Page 15: 1 Minute HTML tutorial - button tag

You jump to the action page

Page 16: 1 Minute HTML tutorial - button tag

name and value in

query string

Page 17: 1 Minute HTML tutorial - button tag

<button> to trigger

JavaScript

Page 18: 1 Minute HTML tutorial - button tag

button’s display text

Page 19: 1 Minute HTML tutorial - button tag

alert() is a JavaScript function to

pop up an alert window

Page 20: 1 Minute HTML tutorial - button tag

onclick executes JavaScript when

the button is clicked

Page 21: 1 Minute HTML tutorial - button tag

Clicking the button…

Page 22: 1 Minute HTML tutorial - button tag

Pops up an alert

Page 23: 1 Minute HTML tutorial - button tag

Pops up an alert

This is an Alert