Odoslať tlačidlá v Zurb: používate <a> alebo? - zurb-nadácia, zurb-foundation-5

Naozaj nerozumiem dôvodom nadbytku <a>s v kóde na http://foundation.zurb.com/docs/components/buttons.html; a nedostatok zastúpenia ostatných prvkov.

Krátke jeden a jeden riadok, obidve pod Accessibility časť sa neuvádza žiadny iný prvok (prečo nie <button>, alebo <input> napríklad?). Zdá sa, že akoby (kvôli ohromujúcej nadmernej prezentácii) dokumentácia hovorila "naozaj sme to navrhli <a>s. "Je to naozaj tak?

(Malý stranou: riadok, ktorý spomína iné prvky, mám problém s: If there is no <a href=""> then simply add the tabindex="0" to the div or span to make it focusable. Ak je tlačidlo zaostrovateľné, očakávam, že ho budem môcť spustiť medzerníkom. Bohužiaľ, keď máte "div" alebo "span", nemôžete. Takže je to naozaj užitočné, alebo dokonca konštruktívne?)

Mám to, že môžete použiť <a>s prípadmi, v ktorých nie sú zahrnuté žiadne formuláre, ale aké je vaše štandardné tlačidlo "odoslať", na ktorom sa nachádza formulár? Nepoužíval by <button> vyriešiť všetky problémy, ktoré by ste používali <a>? 1. Je zaostrovateľné 2. Keď je zaostrené, môžete ho spustiť pomocou medzerníka 3. Môžete pohodlne stlačiť <Enter> odoslať formulár. Čo používajú ostatní používatelia na vaše tlačidlo na odoslanie?

odpovede:

0 pre odpoveď č. 1

Značky s tlačidlami sú použiteľné v nadácii 5. Nie je veľa dokumentácie, ale (a testoval som to, aby som sa uistil, že som bol správny). <button> tag funguje ako normálne.

Na <a> značka sa používa na príklad stránky určite, ale že doesn "t obmedziť jej použitie pri práci s ňou.

Ste mali použiť <button> formy a použitie <a> pre odkazy.

Ak sa pozriete adioso.com (využívajú nadácie) a kontrolovať svoje formuláre, použite tlačidlá na funkčné využitie mimo odkazy.

<form class="flight_search" method="get" action="/search_form">
<div class="search_form_inputs">
<ul class="row">
<li class="columns large-3 small-12 medium-6">
<li class="columns large-3 small-12 medium-6">
<li class="columns large-3 small-12 medium-6">
<li class="columns large-3 small-12 medium-6">
</ul>
</div>

<div class="search_sundries">
<div id="passengers" class="awesome-search">
<div id="submit-wrap">
###<button id="submit-btn" type="submit" class="search_button" tabindex="9">Find Flights</button>###
</div>
</div>
</form>

Skontrolujte, či vyššie uvedený kód. Príklad webovej stránky isn "t veľmi pevné zastúpenie čo Nadácia môže urobiť, ale hrať sa s nimi trochu a budete" ll vidieť, je to veľmi pevný rámec.


Najpopulárnejší