Template:2012FR/Form-section/Radiobuttons/Default: Difference between revisions

From Donate
Jump to navigation Jump to search
Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
try using input type=text and inputmode=decimal for Other field
add tabindex="-1" to errors so they can be focused by js and announced by screenreaders
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
<input type="hidden" name="currency_code" value="</html>{{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}}<html>"/>
<input type="hidden" name="currency_code" value="</html>{{{currency|{{CurrencyCode|{{{country}}}}}}}}<html>"/>
⚫
<div id="radiobuttons-table-header">
⚫
<div>
⚫
</html>{{int:donate_interface-amount-legend}} ({{{currency|{{CurrencyCode|{{{country}}}}}}}})<html>
⚫
<div id="radiobuttons-table-header">
⚫
</html>{{int:donate_interface-amount-legend}} ({{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}})<html>
⚫
</div>
</div>
</div>
<fieldset class="frequency-options">
<fieldset class="frequency-options">
<legend class="sr-only">
How often would you like to donate?
</legend>
<ul>
<ul>
<li>
<li>
Line 19: Line 20:
</fieldset>
</fieldset>
<fieldset class="amount-options">
<fieldset class="amount-options">
<legend class="sr-only">
</html>{{int:donate_interface-amount-legend}} ({{{currency|{{CurrencyCode|{{{country}}}}}}}})<html>
</legend>
<ul>
<ul>
<li class="radiobuttons-cell input_amount_0">
<li class="radiobuttons-cell input_amount_0">
<input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="</html>{{{donate-amount-0}}}<html>" />
<input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="</html>{{{donate-amount-0}}}<html>" />
<label class="frb-btn" for="input_amount_0"></html>{{2012FR/CurrencyFormat|{{{donate-amount-0}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<label class="frb-btn" for="input_amount_0"></html>{{CurrencyFormat|{{{donate-amount-0}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</li>
</li>
<li class="radiobuttons-cell input_amount_1">
<li class="radiobuttons-cell input_amount_1">
<input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="</html>{{{donate-amount-1}}}<html>" />
<input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="</html>{{{donate-amount-1}}}<html>" />
<label class="frb-btn" for="input_amount_1"></html>{{2012FR/CurrencyFormat|{{{donate-amount-1}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<label class="frb-btn" for="input_amount_1"></html>{{CurrencyFormat|{{{donate-amount-1}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</li>
</li>
<li class="radiobuttons-cell input_amount_2">
<li class="radiobuttons-cell input_amount_2">
<input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="</html>{{{donate-amount-2}}}<html>" />
<input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="</html>{{{donate-amount-2}}}<html>" />
<label class="frb-btn" for="input_amount_2"></html>{{2012FR/CurrencyFormat|{{{donate-amount-2}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<label class="frb-btn" for="input_amount_2"></html>{{CurrencyFormat|{{{donate-amount-2}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</li>
</li>
<li class="radiobuttons-cell input_amount_3">
<li class="radiobuttons-cell input_amount_3">
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" />
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" />
<label class="frb-btn" for="input_amount_3"></html>{{2012FR/CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<label class="frb-btn" for="input_amount_3"></html>{{CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</li>
</li>
⚫
</ul>
⚫
<ul>
<li class="radiobuttons-cell input_amount_4">
<li class="radiobuttons-cell input_amount_4">
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
<label class="frb-btn" for="input_amount_4"></html>{{2012FR/CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<label class="frb-btn" for="input_amount_4"></html>{{CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</li>
</li>
<li class="radiobuttons-cell input_amount_5">
<li class="radiobuttons-cell input_amount_5">
<input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" />
<input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" />
<label class="frb-btn" for="input_amount_5"></html>{{2012FR/CurrencyFormat|{{{donate-amount-5}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<label class="frb-btn" for="input_amount_5"></html>{{CurrencyFormat|{{{donate-amount-5}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</li>
</li>
<li class="radiobuttons-cell input_amount_6">
<li class="radiobuttons-cell input_amount_6">
<input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" />
<input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" />
<label class="frb-btn" for="input_amount_6"></html>{{2012FR/CurrencyFormat|{{{donate-amount-6}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<label class="frb-btn" for="input_amount_6"></html>{{CurrencyFormat|{{{donate-amount-6}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</li>
</li>
<li class="radiobuttons-cell input_amount_other">
<li class="radiobuttons-cell input_amount_other">
Line 54: Line 56:
<label class="frb-btn" for="input_amount_other">
<label class="frb-btn" for="input_amount_other">
<span></html>{{int:donate_interface-other}}<html></span>
<span></html>{{int:donate_interface-other}}<html></span>
<input id="input_amount_other_box" type="text" inputmode="decimal" autocomplete="off" value="" tabindex="-1" onfocus="selectOther();">
<input id="input_amount_other_box" type="text" inputmode="decimal" autocomplete="off" value="" tabindex="-1" class="noime" onfocus="selectOther();">
</label>
</label>
</li>
</li>
</ul>
</ul>
<!-- tabindex="-1" allows focus with js so errors can be announced -->
<div style="display: none;" tabindex="-1" class="lp-error lp-error-smallamount">
</html>{{int:Donate_interface-smallamount-error}}<html>
⚫
</div>
<div style="display: none;" tabindex="-1" class="lp-error lp-error-bigamount">
</html>{{int:Donate_interface-bigamount-error}}<html>
⚫
</div>
</fieldset>
</fieldset>
</html>
</html>

Latest revision as of 19:16, 20 November 2024

Donation amount (USD)
How often would you like to donate?
Donation amount (USD)

Retrieved from "https://donate.wikimedia.org/w/index.php?title=Template:2012FR/Form-section/Radiobuttons/Default&oldid=40702"