source: trunk/examples/webkit/formextractor/form.html@ 5

Last change on this file since 5 was 2, checked in by Dmitry A. Kuminov, 16 years ago

Initially imported qt-all-opensource-src-4.5.1 from Trolltech.
  • Property svn:executable set to *
File size: 1.6 KB
Line 
1<html><script>
2function extractFormValues()
3{
4 var firstName = document.getElementById("firstname").value;
5 var lastName = document.getElementById("lastname").value;
6 var maleGender = document.getElementById("genderMale");
7 var femaleGender = document.getElementById("genderFemale");
8
9 var gender = "";
10 if (maleGender.checked)
11 gender = maleGender.value;
12 else if (femaleGender.checked)
13 gender = femaleGender.value;
14
15 var updates = document.getElementById("updates").checked;
16
17 formExtractor.setValues(firstName, lastName, gender, updates);
18}
19</script><body>
20<h1>
21The Green People Book Club
22</h1>
23
24<p>
25Welcome to The Green People Book Club. Please register to obtain a membership with us.
26</p>
27 <form onsubmit="extractFormValues()">
28 <table>
29 <tbody><tr>
30 <td>
31 First name:
32 </td>
33 <td>
34 <input type="text" id="firstname">
35 </td>
36 </tr>
37 <tr>
38 <td>
39 Last name:
40 </td>
41 <td>
42 <input type="text" id="lastname">
43 </td>
44 </tr>
45 <tr>
46 <td>
47 Gender:
48 </td>
49 <td>
50 <input type="radio" name="gender" id="genderMale" value="Male"> Male
51 <input type="radio" name="gender" id="genderFemale" value="Female"> Female
52 </td>
53 </tr>
54 <tr>
55 <td colspan="2">
56 <input type="checkbox" id="updates" value="receive">
57 Check here if you would like to receive regular updates from us:
58 </td>
59 </tr>
60 </tbody></table>
61 <input type="submit" value="Submit">
62 </form>
63
64</body></html>
Note: See TracBrowser for help on using the repository browser.