30/06/2010
0
Tell It
Công việc tạo các biểu mẫu (liên hệ, gửi bạn bè, chia sẻ, ...) trên website cũng cần khá nhiều thời gian và đòi hỏi lắm công phu; bởi các biểu mẫu này cần phải có giao diện hài hòa, phù hợp với tổng thể website, bên cạnh đó chúng còn phải tạo nên sự thân thiện và bắt mắt đối với người sử dụng. Tuy nhiên với trên 50 nguồn tài nguyên được giới thiệu trong bài viết này, bạn sẽ dễ dàng tạo được cho mình các biểu mẫu như ý trong thời gian ngắn nhất.
- Demo
- Phóng to
- Tải lại
- Cửa sổ mới
I featured many good looking contact forms some time ago – 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let’s take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page!
1. How create good looking form without table
This tutorial explains how to design a good form using a clean CSS design with only label and input tags to simulate an HTML table structure. You can use all CSS/HTML elements to design your custom form for your web projects.
2. Simple Form Example
Very well explained tutorial showing crucial points you should give attention to.
3. Prettier Accessible Forms
4. Adding Style with CSS: A Beautiful Form
Forms don't have to be ugly and boring, and certainly don't have to be inside tables to look nice and aligned.
5. NiceForms
Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.
6. Turn postcard photo into a stunning comment form using CSS
This tutorial will teach you how to make a stunning comment form using an old postcard photo.
7. Enhance your input fields with simple CSS tricks
The example you are going to see is something that you use every day: blog comment form.
8. Fun with forms - customized input elements
Ever wanted to match the look of your HTML forms with the rest of your website? This article demonstrates how to apply customized backgrounds to HTML forms, while preserving stucturally clean markup and accesibility.
9. Forms markup and CSS – Revisited
10. Semantic horizontal Forms
Semantically correct web forms with fieldsets, legends, labels and some CSS styling. It's been tested in FF1.x, IE6 and Opera8. (looks a little quirky in IE5.x but still usable).
bởi Xem- Lượt gửi (0)
- Mới
