hcard-input-examples

From Microformats Wiki
Revision as of 22:58, 9 June 2009 by Tantek (talk | contribs) (hcard-input-examples moved to hcard-input-examples: renamed to more generic and appropriate phrasing. auto-fill is only one use case. copy paste is another use case.)
Jump to navigation Jump to search

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