2010-01-25 1 views
0

Возможно ли уничтожить кнопку html. Если он щелкнут, потому что он уже выполнил свою задачу после нажатия.кнопка самоуничтожения в html

+1

Я не уверен, что это хорошее юзабилити ... Конечно, это зависит от того, что вы но я бы отключил его и сменил ярлык на что-то вроде «Done». –

+0

. Несколько, незабываемые моменты, с которыми я столкнулся, были реализованы, чтобы уменьшить нагрузку на сервер, потому что запросы были таймингами. Поскольку запросы были отключены, когда кнопка была отключена, единственный способ узнать, как отправить форму второй раз, - это перезагрузить страницу и снова ввести все данные. Мораль: исправьте свой серверный скрипт для обработки нетерпения или сломанных подключений! – Anonymous

ответ

1

Да, вы можете отключить или скрыть его. Пример:

<input type="button" onclick="this.disabled=true;" /> 

Однако, если вы сделаете это с помощью кнопки отправки, возможно, она работает неправильно. Значение для кнопки не будет включено в данные формы, поэтому, если сервер ищет данные о кнопке, чтобы узнать, что именно это вызвало отправку формы, она не найдет ее.

+1

Хорошая информация о форме! –

+0

Но это не происходит, если вы скрываете кнопку, используя display = none. – thomaspaulb

+0

@littlegreen: Возможно, это зависит от браузера, поэтому я не буду полагаться на него. Я помню, что у Netscape возникли проблемы с отправкой данных из невидимых полей ... – Guffa

9

Вы можете сделать это с JavaScript:

<button onclick="this.parentNode.removeChild(this)">Label</button> 
+0

родительский ** Узел **. – bobince

+0

Ах, черт возьми. Спасибо, @bobince. – Gumbo

1

Да, вы можете сделать так:

<input type="button" onclick="this.style.display = 'none';"> 
2

Я думаю, что вы можете сделать также

<input type="button" onclick="this.style.visibility='hidden';">