Introduction to XHTM 1.0

1. Introduction to XHTM 1.0 part4

2. outline • Creating input forms. • Using Meta element.

3. Form • <form method = “post” action = “” > </form> post or get

4. Input elements • <input type= “” name = “” value = “”/> • <label> </label>

5. Basic elements • <input type= “hidden” name = “subject” value = “feedback form” /> • <label> Name: <input name = “name” type = “text” size = “25” maxlength = “30” value = “enter here“ /> </label>

6. Cont. basic elements • <input type = “submit” value = “Submit” /> • <input type = “reset” value = “Clear” />

7. Text area <p> <label> Comments: <br /> <textareaname = “comments” rows = “4”cols = “36” > Enter comments here. < /textarea> </label> </p>

8. Password <p> <label> e-mail address: <input type = “password” name = “email” size = “25” /> </label> </p>

9. Check box <p> Things you liked:<br /> <label> site design <input name = “thingsliked” type = “checkbox” value = “design” /> </label> <label> links <input name = “thingsliked” type = “checkbox” value = “links” /> </label> </p>

10. Radio button <p> How did you get to our site?:<br /> <label> search engine <input name =“howtosite” type = “radio” value = “search engine” checked = “checked” /> </label> <label> links from anther site <input name = “howtosite” type = “radio” value = “link” /> </label> </p>

11. Drop down list <label> Rate our site: <select name = “rating”> <option selected = “selected”>Amazing </option> <option> 10 </option> <option> 9 </option> </select> </label>

12. Meta elements • <meta name = “keywords” content = “web page , xhtml, deitel” /> • <meta name = “description” content = “this website will help you learn the basics of xhtml”/>