Create a web form that can receive data from the BlackBerry Wallet

  1. Add an input element and id attribute to your HTML page. If your HTML page already includes an input element for a field, add the id attribute to the existing input element.
    <input type="hidden" id="dataset"/>
  2. Add the value for the data set to the id attribute.
  3. Add either the input element or the select element, followed by the id attribute. If you use the input element, add the text attribute. If your HTML page already includes an input or select element, add the id attribute to the existing element.
    <input name="" id="data_element" value="" type="text">
    
    or
    
    <select name="" id="data_element">
    <option value=""></option>
    <option value=""></option>
    </select>
  4. Add the value for the data element to the id attribute.
  5. Repeat steps 1 to 4 for each data set and the data elements that you want to use to populate fields on the web page.

HTML sample: Creating a web form that receives data from the BlackBerry Wallet

<input type="hidden" id="bbwallet:cardType:creditCard"/>
<p>Payment information</p>
<table cellspacing="10">
	<tr>
		<td align="right">Credit card type:</td>
		<td>
		<select name="creditcard_type"  id="bbwallet:creditCard:creditCardType">
		<option value=""></option>
		<option value="mastercard">MasterCard</option>
		<option value="visa">Visa</option>
		<option value="amex">American Express</option>
		<option value="diner">Diners Club</option>
		</select>
		</td>
	</tr>
	<tr>
		<td align="right">Credit card number:</td>
		<td><input name="creditcard_number" id="bbwallet:creditCard:creditCardNumberFull"  value=""  type="text"></td>
	</tr>
	<tr>
		<td align="right">Expiry date:</td>
		<td> 
      month:
		<select name="expire_month" id="bbwallet:creditCard:expiryMonth">
		  <option value=""></option>
		  <option value="01">01</option>
		  <option value="02">02</option>
		  <option value="03">03</option>
		  <option value="04">04</option>
		  <option value="05">05</option>
		  <option value="06">06</option>
		  <option value="07">07</option>
		  <option value="08">08</option>
		  <option value="09">09</option>
		  <option value="10">10</option>
		  <option value="11">11</option>
		  <option value="12">12</option>
		</select> 
      year:
		<select name="expire_year" id="bbwallet:creditCard:expiryYear">
		  <option value=""></option>
		  <option value="2007">2007</option>
		  <option value="2008">2008</option>
		  <option value="2009">2009</option>
		  <option value="2010">2010</option>
		  <option value="2011">2011</option>
		  <option value="2012">2012</option>
		  <option value="2013">2013</option>
		  <option value="2014">2014</option>
		  <option value="2015">2015</option>
		  <option value="2016">2016</option>
		  <option value="2017">2017</option>
		</select>
		</td>
	</tr>
	<tr>
		<td align="right">Card security code:</td>
		<td><input name="creditcard_securitycode" id="bbwallet:creditCard:securityCode"  type="text"></td>
	</tr>
</table>

Was this information helpful? Send us your comments.