Recommended
More Related Content
What's hot
Viewers also liked
Similar to Html tag
Similar to Html tag (20)
Recently uploaded
Recently uploaded (14)
Html tag
- 2. HTML <button> tag • Used to create a clickable button • Can display text or images in newer web browsers
- 3. Functions • Displays new content when pressed • Can be used as a standard button, a reset/refresh button, or a “submit” button • Many different attributes
- 4. Attributes • Optional • Disabled – Disables the function of the button • Type – Can change function from button to reset or submit
- 5. Attributes • Standard – Lang – Set the language code for the content – Dir – Choose the direction of the text • ex: ltr or rtl
- 6. Attributes • Event – Onmouseup – set to run when mouse button is released – Onmouseover – set to run script on when pointer moves over the element – Onclick – set script to run on mouse click
- 7. Code <html> <body> <button type="button">Enter Text here</button> </body> </html>
- 8. Examples <html> <body> <button type="button">Enter Text here</button> </body> </html>
- 9. Examples <html> <body> <button type="button" disabled="disabled">Click Me!</button> </body> </html>
- 10. Examples <html> <body> <form action="form_action.asp" method="get"> First name: <input type="text" name="fname" /><br /> Last name: <input type="text" name="lname" /><br /> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form> </body> </html>
- 11. Examples <html> <body> <form action="form_action.asp" method="get"> Choose your favorite subject: <button name="subject" type="submit" value="fav_HTML">HTML</button> <button name="subject" type="submit" value="fav_CSS">CSS</button> </form> </body> </html>