Lecture Introduction to web engineering - Lec 15: HTML forms. After studying this chapter you will be able to understand: Creating tables in HTML, table attributes, page lay-out using tables, HTML forms, HTML form elements. | Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 1 Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 2 Creating tables in HTML Table attributes Page lay-out using tables HTML FORMS HTML FORM elements Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 3 3 Department of Computer Science, CIIT Islamabad. Forms provide a means of submitting information from the client to the server HTML supports tags for creating forms, however, it does not process the information Use server-side script to process form information Server-side script runs on the Web server and receives data from a form and uses it to perform a set of tasks Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 4 This figure shows how a Web page form interacts with a CGI script. Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 5 tag is used to start a form tag is used to end a form Between . | Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 1 Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 2 Creating tables in HTML Table attributes Page lay-out using tables HTML FORMS HTML FORM elements Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 3 3 Department of Computer Science, CIIT Islamabad. Forms provide a means of submitting information from the client to the server HTML supports tags for creating forms, however, it does not process the information Use server-side script to process form information Server-side script runs on the Web server and receives data from a form and uses it to perform a set of tasks Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 4 This figure shows how a Web page form interacts with a CGI script. Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 5 tag is used to start a form tag is used to end a form Between and , form elements are placed We can declare a form as: form elements and layout tags A single page can include several different forms, but you cannot nest one form inside another Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 6 Common Form Attributes: action - gives the URL of the application that is to receive and process the forms data method - sets the HTTP method that the browser uses to send the form's data to the server for processing; Either POST or GET name – name of the form Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 7 Textbox Password Field Hidden Field Checkbox Radio Button Text Area Select List Submit Button Reset Button Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 8 NAME SIZE VALUE MAXLENGTH Basharat Mahmood, Department of Computer Science,CIIT,Islamabad,Pakistan. 9
