Какую альтернативу я должен уродливые кнопки отправки в HTML-формы?

Я хотел бы сделать простую HTML-форму, где человек может повысить или понизить рейтинг элемента. Однако мне не нравится внешний вид по умолчанию <input type="submit">. Какие другие варианты я должен отправить запрос POST, чем громоздкая, кнопка по умолчанию?

14.12.2008 06:54:14
9 ОТВЕТОВ
РЕШЕНИЕ

Вы также можете сделать красивые кнопки с помощью просто CSS, вот хорошая статья:

http://particletree.com/features/rediscovering-the-button-element/

16
14.12.2008 10:24:48

Вы можете использовать кнопку изображения .

9
14.12.2008 06:57:40
Это лучший вариант, но он имеет некоторые несовместимости IE6. В то время как большинство браузеров позволяют вам устанавливать имя / значение на входе изображения, которое вы можете проверить на стороне сервера, IE6 (и, возможно, 7) будет игнорировать атрибут значения и отправлять координаты того места, где была нажата кнопка
Gareth 14.12.2008 11:26:00

Вы также можете вызвать «отправить» непосредственно из JavaScript. Смотрите здесь .

document.myform.submit();

Это позволяет вам использовать практически все как элемент управления, который будет отправлять вашу форму.

6
14.12.2008 06:59:32
Это будет работать, но не с любым браузером с отключенным или недоступным JavaScript.
Ryan Doherty 14.12.2008 07:10:10
Теперь я мог бы сделать это и иметь кнопки с изображениями в тегах noscript для всех, у кого нет JavaScript, верно?
Eugene M 14.12.2008 07:11:50
И у вас может быть уродливая кнопка отправки для людей, у которых также отключены изображения. Все три!
dkretz 14.12.2008 07:13:47
Как, черт возьми, я могу обнаружить, если у них отключены изображения?
Eugene M 14.12.2008 07:15:56
Побочным эффектом этого является то, что вы не можете отправить форму, используя клавишу ввода (без дополнительных JS). Также, когда вы используете этот метод, убедитесь, что вы не назвали вход «submit», потому что он перезаписывает функцию «submit».
I.devries 14.12.2008 14:59:25

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

Не забывайте, что последнее, что вы хотите, чтобы ваши пользователи делали на вашем сайте, это подумайте ... так что наличие четко определенных кнопок - большая помощь.

4
14.12.2008 10:29:12

Вы можете использовать JQuery Framework его библиотеку javascript, вы можете использовать изображение по умолчанию, span или div или что-либо еще, даже привязать теги, чтобы сделать кнопку отправки удобной в использовании и можете публиковать данные формы методом post или методом get с помощью ajax, просто посетите веб-сайт JQuery: JQuery

1
14.12.2008 11:06:57
Библиотека JavaScript для стилизации кнопок немного излишня. Не каждая простая задача должна решаться такой библиотекой, как JQuery.
I.devries 14.12.2008 13:17:37

Как и вышеупомянутые методы, я бы порекомендовал либо кнопки с изображением, либо конструирование блоков с помощью для создания удобной и простой кнопки CSS.

Простота может быть очень хорошо использована.

Сила CSS: http://www.zengarden.com

0
14.12.2008 11:25:05
Вы имеете в виду www.csszengarden.com?
Sebastian Hoitz 14.12.2008 11:35:33

Вы можете использовать настраиваемый компонент, такой как Button в YUI . Вы получаете возможность изменить его внешний вид и множество (возможно, слишком много для ваших нужд) дополнительных функций в качестве бонуса.

0
14.12.2008 12:19:43

Вы можете легко оформить эти кнопки с помощью CSS. К сожалению, IE не поддерживает: активный селектор для кнопок, поэтому вам придется использовать JavaScript, если у вас есть отдельный стиль для нажатой кнопки.

0
14.12.2008 12:33:03

Если вы хотите повысить / понизить рейтинг элемента в стиле ajax / web2 (например, stackoverflow), вообще не используйте формы. Используйте javascript, отправьте асинхронный запрос POST и заполните его вручную. Вы можете использовать jQuery, чтобы помочь вам автоматизировать некоторые вещи.

Быстро прибегая к помощи "AJAX JQuery" дает кучу результатов, вот один из них

0
14.12.2008 13:39:47
Вы также можете сделать его формой, чтобы он работал без javascript, а затем присоединить к нему javascript для тех, у кого он включен. Это, конечно, не имеет ничего общего с кнопками стиля, и JQuery НЕ является решением для каждой маленькой проблемы.
I.devries 14.12.2008 16:29:09