使用HTML制作網頁《靜态網頁制作》
表單的執行原理 Internet 1 2 用戶端：請求登入，通過表單填寫賬戶資訊 伺服器端：驗證發來的賬号資訊，然後給出回報 用戶端和伺服器類似兩人溝通一樣，進而建立互動活動 表單的典型應用：假定登入 126 郵箱 單行文本框(text) 單選按鈕(radio) 複選框(checkbox) 下拉清單(select) 重置按鈕 (reset) 送出按鈕(submit) 密碼框(password) 常見的表單元素 文本域(textarea) 檔案選擇框(file)
… 文本框、按鈕等表單元素… 表單基本結構--标簽 文法 action屬性： 如果為空則代表向目前頁面送出 method屬性：可選值 post | get get方法送出參數在位址欄可見 post方法一般用于多資料、保密資料送出 注意 表單基本元素-标簽 文法 type屬性：可選值 text(預設)、password、button、checkbox、radio等 checked屬性： 僅與 或 配合使用，選中值為 checked 注意 課堂示範 需求說明 使用表單元素制作注冊頁面 要求： 制作注冊頁面内容 使用HTML基本标簽完成 示範示例：商城注冊頁面2-1 小結 各類表單元素 type 功能 例子 text 單行文本輸入 password 密碼 radio 單選 男 女 checkbox 多選 書 畫 reset 重置表單資料 file 檔案上傳 submit 送出表單資料 hidden 隐藏域 button 普通按鈕 小結 課堂練習 需求說明： 完成網站登入頁面 完成時間：10分鐘 共性問題集中講解 1、送出位址：login.html 2、送出方法：post 其他表單元素 … … … 文本内容 清單框 文本域 關聯表單元素 姓名: 或 姓名: 表單的進階用法2-1 點選label标簽滑鼠聚焦文本框中 文法 示例 隻讀屬性 readonly：希望某個框内的内容隻允許使用者看，不能修改 禁用屬性 disabled：因沒達到使用的