Tôi muốn tạo một biểu mẫu html đơn giản, nơi một người có thể upvote hoặc downvote một mục. Tuy nhiên, tôi không thích giao diện mặc định của <input type="submit">. Tôi có những tùy chọn nào khác để gửi yêu cầu POST hơn nút mặc định, cồng kềnh?Tôi phải thay thế các nút nào dưới dạng html?
Bạn cũng có thể làm cho các nút khá chỉ với css, đây là một bài viết tốt đẹp:
http://particletree.com/features/rediscovering-the-button-element/
Bạn có thể sử dụng image button.
Bạn cũng có thể gọi "gửi" trực tiếp từ javascript. Xem here.
document.myform.submit();
Điều này cho phép bạn sử dụng về cơ bản mọi thứ như kiểm soát sẽ gửi biểu mẫu của bạn.
Tính năng này sẽ hoạt động nhưng không hoạt động với bất kỳ trình duyệt nào đã tắt JavaScript hoặc không khả dụng. –
Bây giờ, tôi có thể làm điều này và có các nút hình ảnh trong thẻ noscript cho bất kỳ ai không có javascript, phải không? –
Và bạn cũng có thể có nút gửi xấu cho những người đã tắt hình ảnh. Cả ba! – dkretz
Check-out this page để xem những gì có thể được thực hiện với CSS Theo kiểu Buttons ... Họ sẽ làm cho bạn trang web cảm thấy sống động và tương tác hơn với người dùng.
Don' quên, điều cuối cùng bạn muốn người dùng làm trên trang web của bạn là nghĩ ... do đó, có các nút được xác định rõ ràng là một trợ giúp lớn.
bạn có thể sử dụng thư viện javascript của jQuery, bạn có thể sử dụng hình ảnh mặc định hoặc span hoặc div hoặc bất kỳ thứ gì khác ngay cả thẻ neo để gửi nút dễ sử dụng và có thể đăng dữ liệu biểu mẫu theo phương thức bài đăng hoặc nhận phương thức thông qua ajax truy cập trang web của JQuery: JQuery
Thư viện javascript để tạo kiểu nút là quá mức cần thiết. Không phải mọi công việc đơn giản đều phải được giải quyết bởi một thư viện như JQuery. –
Giống như các kỹ thuật được đề cập ở trên, tôi khuyên bạn nên sử dụng nút hình ảnh hoặc hộp thiết kế để tạo nút css đẹp và đơn giản.
Tính đơn giản có thể được sử dụng rất tốt.
CSS điện: http://www.zengarden.com
Bạn có nghĩa là www.csszengarden.com? –
Bạn có thể sử dụng một thành phần cấu hình cao như Button in YUI. Bạn có cơ hội để sửa đổi ngoại hình của nó và rất nhiều (có lẽ quá nhiều cho nhu cầu của bạn) thêm chức năng như một tiền thưởng trên đó.
Bạn có thể dễ dàng tạo kiểu cho các nút đó bằng CSS. Thật không may IE không hỗ trợ: bộ chọn hoạt động cho các nút, vì vậy bạn sẽ phải sử dụng JavaScript nếu bạn có một phong cách riêng biệt cho một nút nhấn.
Nếu bạn muốn upvote/downvote một mục theo kiểu ajax/web2 (như stackoverflow), không sử dụng biểu mẫu nào cả. Sử dụng javascript và gửi yêu cầu POST không đồng bộ và điền nó theo cách thủ công. Bạn có thể sử dụng jQuery để giúp bạn tự động hóa một số nội dung.
Nhanh chóng googling "ajax jquery" đưa ra một loạt các kết quả, here's one of them
Bạn cũng có thể làm cho nó một hình thức, do đó, nó hoạt động mà không có javascript, và sau đó đính kèm javascript cho nó cho những người có nó được kích hoạt. Điều này có tất nhiên không có gì để làm với các nút tạo kiểu tóc, và JQuery KHÔNG phải là câu trả lời cho mọi vấn đề nhỏ. –
Đây là tùy chọn tốt nhất, nhưng nó có một số không tương thích IE6. Trong khi hầu hết các trình duyệt sẽ cho phép bạn đặt tên/giá trị trên đầu vào hình ảnh, bạn có thể kiểm tra ở phía máy chủ, IE6 (và có thể 7) sẽ bỏ qua thuộc tính value và gửi tọa độ của vị trí trên hình ảnh mà nút được nhấp – Gareth