學習記錄(WEB前端)

2021-09-26 20:08:08 字數 2657 閱讀 7307

一、 **的標籤及屬性table屬性width、height     寬高(單位是畫素或百分比)align             對齊border            外邊框bgcolor           背景色background        背景cellspacing       單元格間距(單元格和單元格的距離)    一般情況寫0cellpadding       單元格邊距(**邊框與內容的距離) 一般情況寫0  1. tr屬性:align 水平對齊left/center/ rightvalign  垂直對齊top(上)/middle(中)/bottom(下)bgcolor 背景色 2. td的基本屬性width、height     寬高(單位是畫素或%)align valign      水平對齊、垂直對齊bgcolor           背景色background        指定背景colspan          水平合併   合併多列rowspan           垂直合併  合併多行 3. 表頭th標籤 是特殊的單元格,文字會自動加粗、居中。它的用法是取代的位置即可

餐飲型別

主要菜系

**中餐廳

生猛海鮮

1000元

**主體tbody標籤t head  **頁首(頭部)只能出現一次t body  **主體可以出現多次t foot   **頁尾(結尾)只能出現一次    以上三個標籤結合使用,可將**中的一行或幾行合成一組….….….

二、 表單屬性1. 表單的概念    表單在網頁中主要負責資料採集功能,表單的標記是:2. 表單的屬性   1. action屬性:設定表單的提交位址(表單提交的url)指定表單提交後由伺服器上的哪個處理程式進行處理2  method屬性:設定表單的提交方法, 屬性值為get、post提交方式 3   name屬性:設定表單的名稱4   target屬性:設定表單的開啟方式,  屬性值可以是_blank、_self。_self在原視窗中開啟,為預設值。_blank在新視窗開啟enctype:預設編碼  或者指定二進位製流  【附件的提交形式】method的值為get:它是通過url來傳遞表單資料的,表單元素的資料在位址列可見,而且有大小限制,傳資料量小一般不大於2kb        method的值為post:它是通過請求正文傳遞表單資料的,url不可見表單元素資料,比較安全,而且沒有大小限制,但往往伺服器會控制3. 輸入標記     表單元素中輸入標籤是,常用屬性有type(型別)、name(名稱)、value(值)、checked(預設選中)三、 html常用表單控制項1. 文字框     文字框:主要用於輸入單行文字內容。**如下: **格式如下:姓名:         效果如下:賬號:

2. 密碼框 密碼框:主要用於輸入一些保密資訊,**格式如下: **格式如下:密碼: 效果如下:  

密碼:分組:

使用者登入3. 單選框         單選框主要是讓網頁瀏覽者在一組選項裡選擇乙個。 name屬性定義單選框的名稱,單選框都是以組為單位使用的,在同一組中的選項必須使用同一名稱【name=「gender」】。 **格式如下:性別:男 女        效果如下: 性別:男   

女4. 核取方塊 核取方塊主要是讓網頁瀏覽者在一組選項裡同時選擇多個選項。 選中checked**格式如下:【disabled="disabled"足球】 愛好:讀書 聽歌 閱讀效果如下:興趣愛好:足球 籃球球  **

擴充套件:隱藏域:

影象域:

5. 檔案域檔案域主要是讓網頁瀏覽者上傳檔案。**格式如下:上傳檔案:效果如下:

6. 提交按鈕提交按鈕用來將輸入的資訊提交到伺服器。value屬性定義按鈕的顯示文字。**格式如下:效果如下:7. 重置按鈕重置按鈕用來重置表單中輸入的資訊。**格式如下:效果如下:input重置按鈕:

input提交按鈕:

input普通按鈕:

提交按鈕重置按鈕普通按鈕

8. 域 影象域標記 **格式如下:9. 下拉列表下拉列表主要用於在有限的空間裡設定多個選項。下拉列表選中狀態給option新增 selected**格式如下:     …居住城市(下拉列表): 北京 上海 深圳 廈門

注:select標記的multiple屬性和size屬性不要求掌握。 列表框(提供多選ctrl+多選):   

蘋果 橙子          香蕉 西瓜 檸檬 香梨   

10. 文字域標記及屬性文字域主要用於輸入較長的文字資訊。**格式如下:預設文字效果:cols屬性:定義文字域的寬度    (列)rows屬性:定義文字域的高度     (行)四、 html5新增表單控制項1. html5文字框及placeholder屬性當文字框處於未輸入狀態並且未獲取游標焦點時,模糊顯示輸入提示文字。**格式如下:效果如下:2. html5文字框型別tel提供專門用於輸入**號碼的文字框。它並不限定只輸入數字,因為很多的**號碼還包括其他字元(如+ 、-、(、)等),如86-0536-8888888 **格式如下:   pattern 屬性規定用於驗證輸入欄位的模式。模式指的是正規表示式 -->    **號碼:**號碼:效果如下:3. html5 文字框型別  url   **url型別的input 元素提供用於輸入url位址這類特殊文字的文字框.當提交表單時,如果所輸入的內容是url位址格式的文字,則會提交資料到伺服器,如果不是url位址格式的文字,則不允許提交.

**如下:效果如下:4. html   email郵件email型別的input元素是一種專門用於輸入e-mail位址在文字輸入框,在提交表單時,會自動驗證輸入框的值.如果不是乙個有效的e-mail位址,則該輸入框不允許提交該表單.**如下:

學習記錄(WEB前端)

三 display inline block inline block 一行顯示 支援寬和高 none徹底消失 四 與overflow屬性1.display屬性 1 display inline 行內元素a span 的應用。display inline可以讓塊元素,變為行內顯示,例如行內元素特徵 ...

web前端知識補充記錄

1 判斷字串是否是這樣組成的,第乙個必須是字母,後面可以使字母 數字 下劃線,總長度為5 20.a za z a za z 0 9 2 擷取字串abcdefg的efg var str abcdefg var s str.substr str.length 3,str.length alert s 3...

WEB前端 CSS Hack簡單記錄

hack可能用的不多,現在先簡單了解一下下啦 什麼時候用hack呢?介面 css什麼的都是正確的版本,但是呢,不同的瀏覽器或者是相同的瀏覽器不同的版本,你會發現本來好好的介面怎麼亂了呢?其實這個時候就可以考慮一下下用css hack了。hack分為條件hack 屬性級hack 選擇符hack。下面簡...