一、說明

用table布局

二、效果

三、代碼

 !DOCTYPE html  html  head  title Form.html /title  meta name= keywords content= keyword1,keyword2,keyword3  meta name= description content= this is my page  meta name= content-type content= text/html; charset=UTF-8  !-- link rel= stylesheet type= text/css href= ./styles.css --  /head  body  表單格式化 form action=  !--  cellpadding 屬性規定單元邊沿與其內容之間的空白。 注釋：請勿將該屬性與 cellspacing 屬性相混淆，cellspacing 屬性規定的是單元之間的空間。 從實用角度出發，最好不要規定 cellpadding，而是使用 CSS 來添加內邊距。 table border= 1 bordercolor= #00ffff cellpadding=10 cellspacing=0 width=400  !-- 由此可見， th 和 td 標簽都是用于表格單元格顯示的。不同的是 th 在單元格中加粗顯示。 --  !-- 占兩列 --  th colspan= 2 注冊表單 /th  /tr  td 用戶名稱 /td  td input type= text name= user value= br / /td  /tr  td 輸入密碼 /td  td input type= password name= pwd / br / /td  /tr  td 確認密碼 /td  td input type= password name= repwd / br / /td  /tr  td 選擇性別 /td  input type= radio name= sex value= nan / 男 input type= radio name= sex value= nv checked= checked / 女 br /  /td  /tr  td 選擇技術 /td  input type= checkbox name= tech value= java / JAVA input type= checkbox name= tech value= html / HTML input type= checkbox name= tech value= css / CSS br /  /td  /tr  td 選擇國家 /td  select name= country  option value= none --選擇國家-- /option  option value= usa 美國 /option  option value= en 英國 /option  !-- 默認選擇中國 --  option value= cn selected= selected 中國 /option  /select  /td  /tr  th colspan= 2  input type= reset value= 清除數據 /  input type= submit value= 提交數據 /  /th  /tr  /table  /form  /body  /html 

以上就是HTML中關于表單格式化的代碼詳解的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。