OLD | NEW |
1 --- | 1 --- |
2 layout: default | 2 layout: default |
3 title: "Get Input from a Form" | 3 title: "Get Input from a Form" |
4 description: "Using HTML forms and input elements to send data to a server" | 4 description: "Using HTML forms and input elements to send data to a server" |
5 has-permalinks: true | 5 has-permalinks: true |
6 tutorial: | 6 tutorial: |
7 id: forms | 7 id: forms |
8 next: indexeddb/ | 8 next: indexeddb/ |
9 next-title: "Use IndexedDB" | 9 next-title: "Use IndexedDB" |
10 prev: fetchdata/ | 10 prev: fetchdata/ |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
55 including text fields, text areas, radio buttons, and checkboxes. | 55 including text fields, text areas, radio buttons, and checkboxes. |
56 HTML5 adds more specialized input elements such | 56 HTML5 adds more specialized input elements such |
57 as email and password fields, | 57 as email and password fields, |
58 color pickers, date and time widgets, and range elements. | 58 color pickers, date and time widgets, and range elements. |
59 | 59 |
60 The main example in this tutorial contains a client and a server. | 60 The main example in this tutorial contains a client and a server. |
61 The client uses Polymer to present its user interface | 61 The client uses Polymer to present its user interface |
62 (a form with many kinds of input elements), | 62 (a form with many kinds of input elements), |
63 and keep the interface in sync with Dart data. | 63 and keep the interface in sync with Dart data. |
64 The client and server communicate using | 64 The client and server communicate using |
65 several classes from the core Dart library, | 65 several classes from various Dart libraries, |
66 including streams, Futures, HttpRequest, and so on. | 66 including streams, Futures, HttpRequest, and so on. |
67 The server uses CORS headers to allow cross-origin requests. | 67 The server uses CORS headers to allow cross-origin requests. |
68 | 68 |
69 <aside class="alert alert-info" markdown="1"> | 69 <aside class="alert alert-info" markdown="1"> |
70 <strong>Note:</strong> | 70 <strong>Note:</strong> |
71 This tutorial assumes that you have read | 71 This tutorial assumes that you have read |
72 [Define a Custom Element](/docs/tutorials/polymer-intro/) | 72 [Define a Custom Element](/docs/tutorials/polymer-intro/), |
| 73 [Use Future Based APIs](/docs/tutorials/futures/), |
73 and [Fetch Data Dynamically](/docs/tutorials/fetchdata/) | 74 and [Fetch Data Dynamically](/docs/tutorials/fetchdata/) |
74 and are familiar with Polymer, JSON, and HttpRequest. | 75 and are familiar with Polymer, Futures, JSON, and HttpRequest. |
75 </aside> | 76 </aside> |
76 | 77 |
77 | 78 |
78 * [About forms, generally](#about-forms) | 79 * [About forms, generally](#about-forms) |
79 * [About the slambook example, specifically](#about-the-slambook-example) | 80 * [About the slambook example, specifically](#about-the-slambook-example) |
80 * [Submitting a form](#submitting-a-form) | 81 * [Submitting a form](#submitting-a-form) |
81 * [Resetting a form](#resetting-a-form) | 82 * [Resetting a form](#resetting-a-form) |
82 * [Creating a server and listening on a port](#creating-a-server) | 83 * [Creating a server and listening on a port](#creating-a-server) |
83 * [Handling OPTIONS requests](#handling-options-requests) | 84 * [Handling OPTIONS requests](#handling-options-requests) |
84 * [Setting CORS headers](#setting-cors-headers) | 85 * [Setting CORS headers](#setting-cors-headers) |
(...skipping 882 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
967 ###What next? | 968 ###What next? |
968 | 969 |
969 The next tutorial, | 970 The next tutorial, |
970 [Use IndexedDB](/docs/tutorials/indexeddb), | 971 [Use IndexedDB](/docs/tutorials/indexeddb), |
971 describes how to save data on the client | 972 describes how to save data on the client |
972 in the browser's Indexed Database. | 973 in the browser's Indexed Database. |
973 | 974 |
974 {% endcapture %} | 975 {% endcapture %} |
975 | 976 |
976 {% include tutorial.html %} | 977 {% include tutorial.html %} |
OLD | NEW |