Difference between revisions of "hcard-input-examples"

From Microformats Wiki
Jump to navigation Jump to search
(drafted)
 
(added foursquare venue creation form markup)
Line 8: Line 8:
  
 
=== organization info input ===
 
=== organization info input ===
* http://playfoursquare.com/ - when creating a new venue
+
==== foursquare ====
 +
* http://playfoursquare.com/ - when creating a new venue: http://playfoursquare.com/add_venue
 +
 
 +
Input form markup with presentational attributes removed, whitespace added for readability:
 +
<source lang=html4strict>
 +
<form action="/add_venue" method="POST">
 +
  <table cellpadding="3" cellspacing="0" border="0" class="text">
 +
    <tr><td>Name: </td>
 +
        <td><input type="text" name="venuename" size="20" value=""></td>
 +
    </tr>
 +
    <tr><td>Address: </td>
 +
        <td><input type="text" name="address" size="20" value=""></td>
 +
    </tr>
 +
    <tr><td>Cross Street: </td>
 +
        <td><input type="text" name="crossstreet" size="20" value="">
 +
        <span class="text_mini">
 +
          (Not sure, check
 +
          <a target="_new" href="http://maps.google.com">
 +
            Google Maps</a>. Then add like this: "at 5th Ave", "btw Essex &amp; Rivington", "btw 3rd and 4th")
 +
      </td>
 +
    </tr>
 +
    <tr><td>City, State, Zip: </td>
 +
        <td><input type="text" name="city" size="10" value="San Francisco">
 +
            <input type="text" name="state" size="2" value="CA">,
 +
            <input type="text" name="zip" size="5" value=""></td>
 +
    </tr>
 +
    <tr><td>Phone: </td>
 +
        <td><input type="text" name="phone" size="10" value=""></td>
 +
    </tr>
 +
    <tr><td>In...  </td>
 +
        <td><select name="cityid">
 +
            <option value="56">Amsterdam
 +
            <option value="46">Atlanta
 +
            <option value="42">Austin
 +
            <option value="24">Boston
 +
            <option value="32">Chicago
 +
            <option value="43">Dallas / Fort Worth
 +
            <option value="25">Denver
 +
            <option value="47">Detroit
 +
            <option value="48">Houston
 +
            <option value="49">Las Vegas
 +
            <option value="34">Los Angeles
 +
            <option value="39">Miami
 +
            <option value="51">Minneapolis / St. Paul
 +
            <option value="22">New York City
 +
            <option value="33">Philadelphia
 +
            <option value="53">Phoenix
 +
            <option value="37">Portland
 +
            <option value="38">San Diego
 +
            <option value="23" selected>San Francisco
 +
            <option value="41">Seattle
 +
            <option value="31">Washington, DC
 +
            </select>
 +
        </td>
 +
    </tr>
 +
    <tr><td>&nbsp; </td>
 +
        <td><input type="hidden" name="task" value="add"><br>
 +
            <input type="submit" name="submit" value="Add venue" class="input_button">
 +
        </td>
 +
    </tr>
 +
  </table>
 +
</form>
 +
</source>
 +
 
 +
==== Upcoming ====
 
* http://upcoming.yahoo.com/ - when creating a new venue
 
* http://upcoming.yahoo.com/ - when creating a new venue
 +
 +
==== Yelp ====
 
* http://yelp.com/ - when creating a new business
 
* http://yelp.com/ - when creating a new business
  

Revision as of 20:38, 9 June 2009

This page is for documenting real world examples of web forms that input contact information (people or organizations/venues) towards brainstorming the use of hCard in forms for enabling hCard forms auto-fill.

This article is a stub. You can help the microformats.org wiki by expanding it.

examples

person info input

organization info input

foursquare

Input form markup with presentational attributes removed, whitespace added for readability:

<form action="/add_venue" method="POST">
  <table cellpadding="3" cellspacing="0" border="0" class="text">
    <tr><td>Name: </td>
        <td><input type="text" name="venuename" size="20" value=""></td>
    </tr>
    <tr><td>Address: </td>
        <td><input type="text" name="address" size="20" value=""></td>
    </tr>
    <tr><td>Cross Street: </td>
        <td><input type="text" name="crossstreet" size="20" value="">
        <span class="text_mini">
          (Not sure, check 
          <a target="_new" href="http://maps.google.com">
            Google Maps</a>. Then add like this: "at 5th Ave", "btw Essex &amp; Rivington", "btw 3rd and 4th") 
      </td>
    </tr>
    <tr><td>City, State, Zip: </td>
        <td><input type="text" name="city" size="10" value="San Francisco">
            <input type="text" name="state" size="2" value="CA">, 
            <input type="text" name="zip" size="5" value=""></td>
    </tr>
    <tr><td>Phone: </td>
        <td><input type="text" name="phone" size="10" value=""></td>
    </tr>
    <tr><td>In...  </td>
        <td><select name="cityid">
            <option value="56">Amsterdam 
            <option value="46">Atlanta 
            <option value="42">Austin 
            <option value="24">Boston 
            <option value="32">Chicago 
            <option value="43">Dallas / Fort Worth 
            <option value="25">Denver 
            <option value="47">Detroit 
            <option value="48">Houston 
            <option value="49">Las Vegas 
            <option value="34">Los Angeles 
            <option value="39">Miami 
            <option value="51">Minneapolis / St. Paul 
            <option value="22">New York City 
            <option value="33">Philadelphia 
            <option value="53">Phoenix 
            <option value="37">Portland 
            <option value="38">San Diego 
            <option value="23" selected>San Francisco 
            <option value="41">Seattle 
            <option value="31">Washington, DC
            </select>
         </td>
    </tr>
    <tr><td>&nbsp; </td>
        <td><input type="hidden" name="task" value="add"><br>
            <input type="submit" name="submit" value="Add venue" class="input_button">
        </td>
    </tr>
  </table>
</form>

Upcoming

Yelp

see also