Сделать эту форму более доступной с JS - PullRequest
Новая
       14

Сделать эту форму более доступной с JS

0 голосов
/ 09 августа 2011

Я стараюсь сделать более доступным следующий код (внутри формы) 

<div class="contButton">                                            <p><a tabindex="11" title="home" href="#" class="mx"><span>Buscar un hotel</span></a></p>

   </div>

Я предложил 

<div class="contButton">
                                            <p><a tabindex="11" title="home" href="#" class="mx"><span>Buscar un hotel</span></a></p>
                                            <input type="submit" style="display:none"/>
                        </div>

Но они предлагают (да, мой босс) 

<div class="contButton">
    <p>
        <a tabindex="11" title="home" href="#" class="mx">
            <span> <input type="submit" value="Buscar un hotel" onclick="lanzarConsultaDisponibilidad(); return false;" style="float: left; position: relative; color: #333; cursor: pointer; font-size: 14px; font-weight: bold; line-height: 25px; text-decoration: none; background: transparent"></span> 
        </a>
    </p>
</div>

(конечно, мы бы переместили встроенный код CSS в таблицу стилей)

Но я беспокоюсь о <a><input/></a>

что ты думаешь?

1 Ответ

2 голосов
/ 09 августа 2011

Кнопка отправки display: none крайне недоступна.Он не будет отображаться, если CSS включен.(И если он не отображается, к нему нельзя перейти).

Поддержка элементов ввода внутри якорей в лучшем случае хитрая, это настолько проблематично, что черновик HTML 5 запрещает это.

Если вы хотите получить доступ, тогда используйте простую, простую кнопку отправки.

Это будет:

  1. Похоже на то, что будет отправлять форму (если вы не фритты со стилем)
  2. Доступно в любом списке элементов управления форм (т. Е. Будет отображаться в режимах форм программы чтения с экрана)
  3. Не требуется JavaScript для работы
...