台灣最大程式設計社群網站
線上人數
2406
 
會員總數:246277
討論主題:189812
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 請問這個表單排版,要怎麼做比較好
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
請問這個表單排版,要怎麼做比較好
價值 : 50 QP  點閱數:2013 回應數:5
樓主

Allen 版主
高級顧問
81811 345
27832 17486
發送站內信

捐贈 VP 給 Allen
在做表單,以便輸入資料時,我通常是畫一個table,再填入各控制項,我剛才在試只用div的方式來排版,但除了不是很好排之外, 用Dreamweaver開啟它則更是慘不忍賭, 不知道如果不使用<table>,CSS有沒有比較好的方法來設定? 謝謝




本篇文章發表於2006-04-26 20:27
== 簽名檔 ==
=========================================
個人網站:http://www.webapp.com.tw/
Facebook粉絲頁-格子樑: https://www.facebook.com/wa.allenkuo/

ASP.NET 一對一教學資訊: http://www.webapp.com.tw/GenericArticle/view.aspx?id=1185
1樓
最有價值解答

Bryan(不來ㄣ)
捐贈 VP 給 Bryan(不來ㄣ) 檢舉此回應
應該沒有比<table>更方便的方法了
本篇文章回覆於2006-04-26 22:19
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

Jerry Lai
檢舉此回應
新的 w3c 規格裡建議除非是必要的情況才使用 Table
如果只是為了排版美觀, 建議使用 div 類的語法取代
目前很多公家單位的案子都要求要這麼做了
聽說是為了視障者的轉換程式判讀的關係
才會有這個要求

這個問題建議你先 po 出 table 的樣子
大家再來集思廣益看看怎麼排比較好

看了一下的確是慘不忍睹...唉...
本篇文章回覆於2006-04-27 03:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

Allen
捐贈 VP 給 Allen 檢舉此回應
之所以不想用<table>的原因是
一開始做後台介面時,遇到'新增','編輯'record的表單時,我總是先做一個2欄N列的表格,然後左邊打欄位名稱,右邊放textbox等control,它的長相請參考
http://share.webapp.com.tw/temp/form1.gif
但其實有些表單欄位是很多的,以致於表單會很長,以上圖為例,我或許會希望將生日及性別放在同一列,此時我便需要多花工夫將table加二欄,並將每一列的第2~4欄合併,才能做出來,成品會類似
http://share.webapp.com.tw/temp/form2.gif

但萬一客戶又要求將某些欄放在同一列,那麼類似的工作又要再來一次,算是挺煩人的

我希望做到的結果是日後可以比較方便地做出表單,稍後若想將某二欄(甚至某三欄位)放在同一列,也很好調整
本篇文章回覆於2006-04-27 09:54
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

mznet
捐贈 VP 給 Arrack 檢舉此回應
我的習慣是...先建立一個1*N的Table

然後在每一列再插入一個table,再用那個table去切割要的欄位數量
具體的作法,很像下面那個....
這樣做的缺點是,如果有一個欄位要對齊,很不好對齊,要設定數字會比較好

本篇文章回覆於2006-05-23 10:27
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

Allen
捐贈 VP 給 Allen 檢舉此回應
這個的確不好對齊,尤其是有時字體變大或變長,以致撐大儲存格,即使用數字也無法對齊,但仍謝謝您的回應
事後又找了css的書,好像也都仍用table,暫時就仍用table吧
本篇文章回覆於2006-05-23 10:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.