hcard-input-examples

From Microformats Wiki
Revision as of 20:38, 9 June 2009 by Tantek (talk | contribs) (added foursquare venue creation form markup)
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