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

Question

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

Answer 1

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

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

Answer 2

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

Answer 3

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

document.myform.submit();

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

Answer 4

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

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

Answer 5

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

Answer 6

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

Быстрый поиск в Google "ajax jquery" дает кучу результатов, вот один из них

Answer 7

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

Answer 8

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

Answer 9

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

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

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