90 likes | 262 Views
Piggy-back on Internet Programs. HTML Forms. Google example. W3C Validator example. Browser sends URL to web server to request service. 2. Server. Internet web server. - Handles request. client. - Serves response. 3. Sends results to client. 4. Browser
E N D
Piggy-back on Internet Programs HTML Forms Google example W3C Validator example
Browser sends • URL to web server • to request service 2. Server Internet web server - Handles request client - Serves response 3. Sends results to client 4. Browser displays page
Google home page Has an HTML Form that sends search variable named q and its value entered by user to script named search at host computer www.google.com
Analyzing Google Query String http://www.google.com/search ?source=ig&hl=en&rlz=&q=snow&aq=f&oq=&aqi=g10 source=ig & hl=en Variables names = values & rlz= & q=snow & aq=f & oq= remote host (google.com) program (search) & aqi=g10 variables
HTML Form Google program requested Form data/variables <form> </form > action="www.google.com/search" <input type="text" name="q" /> Search key <br> <input type="text" name="hl" /> Human language <br> <input type="submit" value ="Google Search" /> activates Form: sends data to Google server asks server to execute search
W3 Validator Query String http://validator.w3.org/check ?uri=&charset=%28detect+automatically%29&doctype=Inline&group=0&ss=1 uri= … & charset=%28detect+automatically%29 & doctype=Inline & group=0 & ss=1 program action variables
HTML FORM LAYOUT Validator Service requested Form data/variables URL for test page <form > </form > action="validator.org/check" show source code <input type="text" name="uri" /> URL of Page <br> <input type="hidden" name="ss" value=1 /> <input type="submit" value ="Validation Service" /> activates Form: sends data to validator.org server asks server to execute check