但是使用兩列布局來完成一個清晰的,有條理的效果也不是不可能的,正如下面展示的例子Chapters Indigo Books
清晰有條理的兩列布局表單
因此,盡管表單的布局沒有明確的規(guī)定,但是仍存在有效的原則:包括簡單的表單避免使用兩列布局;如果使用兩列布局則應該讓標簽右對齊.
讓交驗的反饋信息在一行中顯示
最近Luke Wroblewski在A List Apart中寫了一篇關于表單交驗的反饋信息放到一行顯示的文章.其中提到
當使用交驗信息顯示在一行時,我們的測試者(完成的)更快,成功率更高,犯錯更少,而且更滿意
jQuery Inline Form Validation, Because Validation is a Mess這篇教程一步一步的介紹了如何使用jQuery在信息較多的表單中將反饋信息顯示在一行.
另外一篇文章:Really Easy Field Validation
Dexagogo提供了一個可以將你的表單交驗信息顯示在一行的簡單的腳本.演示中的例子不是最好的,不過你完全可以按照你需要的來自定義.腳本中使用了Scriptaculous來實現(xiàn)的漸入漸出的效果.
出處:豬窩
責任編輯:bluehearts
上一頁 如何設計具可用性的網(wǎng)頁表單? [1] 下一頁 如何設計具可用性的網(wǎng)頁表單? [3]
|