hcard-input-examples

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

• Nearly every social network site's "sign up" form. E.g. see hcard-supporting-user-profiles.

organization info input

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:

<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

• http://upcoming.yahoo.com/ - when creating a new venue

Yelp

• http://yelp.com/ - when creating a new business

see also

• hcard-parsing-brainstorming
• hcard-brainstorming
• hcard-parsing
• hCard