雙飛翼頁面佈局與網頁表單的製做
- 雙飛翼佈局
- 基本的頁面佈局
- 首先創建三個塊級元素,所有設定高度,中間的塊級元素按照顯示屏幕的寬度百分百設定,左右兩個塊級元素設定相同的寬度。
- 其次將三個塊級元素依次設定漂浮效果,經過設置外框邊距(margin屬性)使三個塊級元素在同一行顯示。使得網頁被分爲左中右三部分。
- 網頁表單製做
- 經常使用到的標籤(青島教學網爲例)
- form標籤 表單的內容都被包含在這個標籤裏面,用於向後端傳輸數據。有三個屬性,method:以何種方式提交,增,刪,改,查四個方法。action:表單提交的地址。name???
- table標籤 表單的全部元素都在這個標籤之間編寫代碼
- input標籤 輸入文本內容時,用到這個標籤,常見的就是文本輸入框,placeholder屬性能夠使得文本框裏有能夠看見的隱形提示文字
- select標籤 顯示下拉箭頭框欄,配合option標籤使用
- option標籤 配合select標籤使用,下拉箭頭框欄內能夠選擇的項目都由這個標籤編寫
- checkbox標籤 複選框的作成,要用到這個標籤
- radio標籤 單選框的作成,要用到這個標籤
- a標籤 用於連接的作成
- nav標籤 配合a標籤使用,表頭的導航連接欄
- image標籤 配合a標籤使用,點擊圖像時能夠自動連接到相關的網頁
- border-collapse:collapse的屬性,用於將表單外部框線和內部元素的邊框線重疊在一塊兒。border-collapse:seperate屬性,外部框線和內部元素邊框分離
- 網頁表單製做時應考慮的主要事項
- 應該事先對要作成的表單各項目元素進行分析,統一分紅幾個大的項目,便於在css裏進行統同樣式設定
- 儘量對錶單幾個重要的部分都作好註釋,以便往後進行修改,查詢
- 關於表單作成的幾個問題
- checkbox的複選框的形狀設定 背景顏色
- 表單代碼裏編寫的required屬性的意思
歡迎關注本站公眾號,獲取更多信息