title: Trying to find a way to automate when id is the same
body: <p>I am having a hard time trying to automate three text fields with the same input id on Selenium WebDriver using Java (Chrome). Below is the website information for the links.</p>
  
  <p>For CC</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input
      id="recurly-hosted-field-input"
      type="tel"
      pattern="[0-9]*"
      spellcheck="false"
      autocapitalize="none"
      autocorrect="off"
      class="recurly-hosted-field-input unknown"
      placeholder="Credit Card Number"
      title="Credit Card Number"
      aria-required="true"
      autocomplete="cc-number"
      style="visibility: visible; color: rgb(51, 51, 51); font-family: Lato, sans-serif; font-feature-settings: normal; font-kerning: auto; font-size: 17px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-rendering: auto; text-shadow: none; text-transform: none;"
  &gt;
  </code></pre>
  
  <p>For Month</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input
      id="recurly-hosted-field-input"
      type="tel"
      pattern="[0-9]*"
      spellcheck="false"
      autocapitalize="none"
      autocorrect="off"
      class="recurly-hosted-field-input"
      placeholder="Month (mm)"
      title="Month (mm)"
      maxlength="2"
      aria-required="true"
      autocomplete="cc-exp-month"
      style="visibility: visible; color: rgb(51, 51, 51); font-family: Lato, sans-serif; font-feature-settings: normal; font-kerning: auto; font-size: 17px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-rendering: auto; text-shadow: none; text-transform: none;"
  &gt;
  </code></pre>
  
  <p>This is the format Im currently using. </p>
  
  <pre><code>driver.findElement(By.name("address1")).sendKeys("213 Ave");
      driver.findElement(By.name("city")).sendKeys("New York");
  </code></pre>