rest/forms-examples - Revision history

SanderMarechal: /* Existing Practices */

2006-11-10T07:23:54Z

Existing Practices

← Older revision		Revision as of 07:23, 10 November 2006
Line 259:		Line 259:
	(first guess)		(first guess)
	* Everybody seems to use tables, not labels		* Everybody seems to use tables, not labels
			** Standards-oriented web designers are moving away from tables
	* Common tags are:		* Common tags are:
	** label: for		** label: for
Line 265:		Line 266:
	** select: name, onChange		** select: name, onChange
	** option: value		** option: value
			** fieldset
			** legend

	== Proposal ==		== Proposal ==

SanderMarechal: /* A list apart */

2006-11-10T07:13:28Z

A list apart

@@ Line 188: / Line 188: @@
 :&lt;/table>
 :</form>
 == Real-World Tunneling Examples ==

DrErnie: /* Blogger (Edit Posts) */

2005-11-07T23:11:13Z

Blogger (Edit Posts)

← Older revision		Revision as of 23:11, 7 November 2005
Line 210:		Line 210:
	<td class="author"><span> Ernest </span></td>		<td class="author"><span> Ernest </span></td>
	<td class="link"><span class="">		<td class="link"><span class="">
	<a href="http://chitheory.blogspot.com/~~2003_04_27_chitheory_archive.html#93557990~~" target="_new"> View </a>		<a href="http://chitheory.blogspot.com/" target="_new"> View </a>
	</span></td>		</span></td>
	<td class="weaklink"> <span><a href="/delete-post.g?blogID=3470364&postID=93557990"> Delete </a></span>		<td class="weaklink"> <span><a href="/delete-post.g?blogID=3470364&postID=93557990"> Delete </a></span>

DrErnie: /* Amazon (Shopping Cart) */

2005-11-07T23:10:39Z

Amazon (Shopping Cart)

← Older revision		Revision as of 23:10, 7 November 2005
Line 199:		Line 199:

	=== Amazon (Shopping Cart) ===		=== Amazon (Shopping Cart) ===

	<span class="tiny">Make any changes below?</span>		<span class="tiny">Make any changes below?</span>
	<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/common/buttons/update-t-sm.gif"		<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/common/buttons/update-t-sm.gif"
Line 207:		Line 206:
	<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/delete.gif"		<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/delete.gif"
	width="44" alt="Delete" value="Delete" name="delete.1" height="14" border="0" /></td>		width="44" alt="Delete" value="Delete" name="delete.1" height="14" border="0" /></td>

			=== Blogger (Edit Posts) ===
			<td class="author"><span> Ernest </span></td>
			<td class="link"><span class="">
			<a href="http://chitheory.blogspot.com/2003_04_27_chitheory_archive.html#93557990" target="_new"> View </a>
			</span></td>
			<td class="weaklink"> <span><a href="/delete-post.g?blogID=3470364&postID=93557990"> Delete </a></span>

	== Existing Practices ==		== Existing Practices ==

DrErnie: /* Amazon (Shopping Cart) */

2005-11-07T23:05:18Z

Amazon (Shopping Cart)

← Older revision		Revision as of 23:05, 7 November 2005
Line 201:		Line 201:

	<span class="tiny">Make any changes below?</span>		<span class="tiny">Make any changes below?</span>
	<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/common/buttons/update-t-sm.gif" width="55" alt="Update" value="Update" name="update" height="16" border="0" />		<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/common/buttons/update-t-sm.gif"
			width="55" alt="Update" value="Update" name="update" height="16" border="0" />
	<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/save-for-later.gif" width="75" alt="Save for Later" value="Save for Later" name="saveForLater.1" height="14" border="0" />		<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/save-for-later.gif"
			width="75" alt="Save for Later" value="Save for Later" name="saveForLater.1" height="14" border="0" />
	<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/delete.gif" width="44" alt="Delete" value="Delete" name="delete.1" height="14" border="0" /></td>		<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/delete.gif"
			width="44" alt="Delete" value="Delete" name="delete.1" height="14" border="0" /></td>

	== Existing Practices ==		== Existing Practices ==

DrErnie: /* Rails */

2005-11-07T23:04:26Z

Rails

← Older revision		Revision as of 23:04, 7 November 2005
Line 193:		Line 193:
	Note that HTML forms currently only allow POST and GET (for odd historic reasons, which probably ought to be fixed). Still, websites have evolved ways to accomplish the equivalent of PUT and DELETE. This section documents examples of such.		Note that HTML forms currently only allow POST and GET (for odd historic reasons, which probably ought to be fixed). Still, websites have evolved ways to accomplish the equivalent of PUT and DELETE. This section documents examples of such.

	=== Rails ===		=== Ruby on Rails (default Scaffold) ===
	<td><a href="/users/show/10">Show</a></td>		<td><a href="/users/show/10">Show</a></td>
	<td><a href="/users/edit/10">Edit</a></td>		<td><a href="/users/edit/10">Edit</a></td>
	<td><a href="/users/destroy/10" onclick="return confirm('Are you sure?');">Destroy</a></td>		<td><a href="/users/destroy/10" onclick="return confirm('Are you sure?');">Destroy</a></td>

			=== Amazon (Shopping Cart) ===

			<span class="tiny">Make any changes below?</span>
			<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/common/buttons/update-t-sm.gif" width="55" alt="Update" value="Update" name="update" height="16" border="0" />

			<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/save-for-later.gif" width="75" alt="Save for Later" value="Save for Later" name="saveForLater.1" height="14" border="0" />

			<input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/delete.gif" width="44" alt="Delete" value="Delete" name="delete.1" height="14" border="0" /></td>

	== Existing Practices ==		== Existing Practices ==

DrErnie: /* Rails */

2005-11-07T23:00:48Z

Rails

← Older revision		Revision as of 23:00, 7 November 2005
Line 194:		Line 194:

	=== Rails ===		=== Rails ===
			<td><a href="/users/show/10">Show</a></td>
			<td><a href="/users/edit/10">Edit</a></td>
			<td><a href="/users/destroy/10" onclick="return confirm('Are you sure?');">Destroy</a></td>

	== Existing Practices ==		== Existing Practices ==

DrErnie: /* Proposal */

2005-11-07T21:03:19Z

Proposal

← Older revision		Revision as of 21:03, 7 November 2005
Line 207:		Line 207:
	== Proposal ==		== Proposal ==

	See [[forms-brainstorming]]		See [[rest/forms-brainstorming]]

	* Why so much type=hidden?		* Why so much type=hidden?

DrErnie: /* Real-World Examples */

2005-11-07T21:02:45Z

Real-World Examples

← Older revision		Revision as of 21:02, 7 November 2005
Line 10:		Line 10:
	* [http://www.opendarwin.org/~drernie/ Dr. Ernie]		* [http://www.opendarwin.org/~drernie/ Dr. Ernie]

	== Real-World Examples ==		== Real-World Forms Examples ==

	=== [http://www.wdvl.com/Authoring/HTML/4/Example.html WDVL Example] ===		=== [http://www.wdvl.com/Authoring/HTML/4/Example.html WDVL Example] ===
Line 188:		Line 188:
	:</table>		:</table>
	:</form>		:</form>

			== Real-World Tunneling Examples ==

			Note that HTML forms currently only allow POST and GET (for odd historic reasons, which probably ought to be fixed). Still, websites have evolved ways to accomplish the equivalent of PUT and DELETE. This section documents examples of such.

			=== Rails ===

	== Existing Practices ==		== Existing Practices ==

DrErnie: /* See Also */

2005-10-13T17:04:49Z

← Older revision		Revision as of 17:04, 13 October 2005
Line 212:		Line 212:
	* [http://www.wdvl.com/Authoring/HTML/4/Example.html HTML 4 Forms Example]		* [http://www.wdvl.com/Authoring/HTML/4/Example.html HTML 4 Forms Example]
	* [http://simpletest.sourceforge.net/SimpleTest/tutorial_Browser.pkg.html PHP form scripting]		* [http://simpletest.sourceforge.net/SimpleTest/tutorial_Browser.pkg.html PHP form scripting]
			* [[rest-examples]]