1 minute html tutorial - checkboxes and radio buttons

31
1 Minute HTML Checkbox and Radio Button

Upload: rimaoka

Post on 17-Jan-2017

234 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: 1 Minute HTML tutorial - checkboxes and radio buttons

1 Minute HTML

Checkbox and Radio Button

Page 2: 1 Minute HTML tutorial - checkboxes and radio buttons

Check Boxes allow

multiple selections

Page 3: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 4: 1 Minute HTML tutorial - checkboxes and radio buttons

You can select multiple boxes

Page 5: 1 Minute HTML tutorial - checkboxes and radio buttons

Radio Buttons allow

only a single selection

Page 6: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 7: 1 Minute HTML tutorial - checkboxes and radio buttons

You can check only one button

Page 8: 1 Minute HTML tutorial - checkboxes and radio buttons

<input> tag can create

Check Boxes

Page 9: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 10: 1 Minute HTML tutorial - checkboxes and radio buttons

<input> with type=“checkbox”

- > checkbox

Page 11: 1 Minute HTML tutorial - checkboxes and radio buttons

“name” appears in query string

Page 12: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 13: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 14: 1 Minute HTML tutorial - checkboxes and radio buttons

You can select

multiple checkboxes

Page 15: 1 Minute HTML tutorial - checkboxes and radio buttons

Pressing the submit button …

Page 16: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 17: 1 Minute HTML tutorial - checkboxes and radio buttons

you jumped to action.html

Page 18: 1 Minute HTML tutorial - checkboxes and radio buttons

Your selections in query string

Page 19: 1 Minute HTML tutorial - checkboxes and radio buttons

Your selections in query string

Page 20: 1 Minute HTML tutorial - checkboxes and radio buttons

<input> tag can also

create Radio Buttons

Page 21: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 22: 1 Minute HTML tutorial - checkboxes and radio buttons

<input> tag with type=“radio”

create radio buttons

Page 23: 1 Minute HTML tutorial - checkboxes and radio buttons

“name” as parameter names

in query string

Page 24: 1 Minute HTML tutorial - checkboxes and radio buttons

“value” as parameter values

in query string

Page 25: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 26: 1 Minute HTML tutorial - checkboxes and radio buttons

You can select only one

radio button

Page 27: 1 Minute HTML tutorial - checkboxes and radio buttons

Pressing the submit button …

Page 28: 1 Minute HTML tutorial - checkboxes and radio buttons
Page 29: 1 Minute HTML tutorial - checkboxes and radio buttons

you jumped to action.html

Page 30: 1 Minute HTML tutorial - checkboxes and radio buttons

Your selection in query string

Page 31: 1 Minute HTML tutorial - checkboxes and radio buttons

Your selections in query string