</title>
<style>
+ fieldset {
+ margin-top: 1em;
+ padding-top: 1em;
+ }
+
input[type=submit] {
margin-top: 1em;
margin-bottom: 1em;
legend {
font-weight: bold;
- margin-top: 1em;
- margin-bottom: 1em;
}
svg {
<form>
<fieldset>
- <legend>BaltimoreLink (Bus, Light Rail, Metro)</legend>
+ <legend>Local Bus, Light Rail, or Metro</legend>
<div>
<label for="code1">
Daily security code (optional):
pattern="[a-zA-Z0-9]*" />
</div>
<input type="hidden" name="servicename" value="BaltimoreLink" />
- <input type="submit" name="go" value="Get Ticket" />
+ <input type="submit" name="go" value="Generate Ticket" />
</fieldset>
</form>
<form>
pattern="[a-zA-Z0-9]*" />
</div>
- <h3>Zone</h3>
+ <p>Zone:</p>
<div>
<input required type="radio" id="zone1" name="zone" value="Zone 1" />
<label for="zone1">Zone 1</label>
<label for="zone5">Zone 5</label>
</div>
- <input type="submit" name="go" value="Get Ticket" />
+ <input type="submit" name="go" value="Generate Ticket" />
</fieldset>
</form>
<form>
pattern="[a-zA-Z0-9]*" />
</div>
- <h3>Origin</h3>
-
+ <p>Origin:</p>
<div>
<input required type="radio" id="origin1" name="origin" value="BAL" />
<label for="origin1">Baltimore/Penn (Penn Line)</label>
<label for="origin8">West Baltimore (Penn Line)</label>
</div>
- <h3>Destination</h3>
+ <p>Destination:</p>
<div>
<input required type="radio" id="destination1" name="destination" value="BAL" />
<label for="destination1">Baltimore/Penn (Penn Line)</label>
<input type="hidden" name="serviceid" value="R" />
<input type="hidden" name="servicename" value="MARC Train" />
- <input type="submit" name="go" value="Get Ticket" />
+ <input type="submit" name="go" value="Generate Ticket" />
</fieldset>
</form>
</div>