重溫系列4《html高階篇 表單標籤》

2021-10-06 07:19:23 字數 991 閱讀 2212

1.from表單的作用:製作填寫的**等,此**可以提供給瀏覽者填寫資訊。所填寫的資訊對應的資料可以由前端傳送給後端。如下圖所示:

method:這個是表示資料傳送的方式,有兩種:get 或 post

action:這是資料要發給的物件

補充:這裡單獨的from表單無法做出效果,需要搭配以下標籤進行組合使用:

1-1.input標籤:登陸框演示

程式碼如下:

效果如下:點選登陸框就會跳轉action對應網址的頁面,向它傳遞資料。

補充:要想真實的傳遞資料,必須要有資料名與資料值,如name屬性代表屬性名,屬性值就是我自己輸入進去的內容。

1-2.單選框,程式碼如下:

效果如下:

同時也可增加使用者的使用性,幫助預設選著。只需在input標籤後面增加乙個屬性,checked = 『checked』,這裡演示的是選擇蘋果預設。

1-3.核取方塊邏輯同上,只需把type = 『checkbox』 ,這裡演示的多選前面兩個。

2.下拉列表:主要用一些類似excel表單下拉選項。程式碼如下:

這個裡面的name代表的就是資料名,資料值是option標籤裡面的內容,但是你如果在option標籤裡面加value = 『』,則資料值就是value值。

效果如下:

4 HTML標籤分類

塊級元素特點 display block 1 每個塊級元素都從新的一行開始,並且其後的元素也另起一行。獨佔一行 2 元素的高度 寬度 行高以及頂和底邊距都可設定。3 元素寬度在不設定的情況下,是它本身父容器的100 和父元素的寬度一致 除非設定乙個寬度。行內元素特點 display inline 1...

4 HTML 屬性與使用

例如 href 這是乙個鏈結a 效果 這是乙個鏈結 html 屬性的使用 另外,屬性和屬性值對大小寫不敏感。不過,推薦小寫的屬性 屬性值。並且新版本的 x html 要求使用小寫屬性。下面列出了適用於大多數 html 元素的屬性 屬性描述 class 為html元素定義乙個或多個類名 classna...

TinEngine使用(4) HTML文字

渲染html文字 部分簡單的富文字渲染,如標籤,使用tin標記語法可能會稍顯複雜,而且html標記格式提供了良好的文段排版 當然,這不代表tin不行 在單純的單色文字和超連結中,html文字可能會提供更高效的編寫速度。這是最主要的,tin不僅要解析並渲染自家格式的標記,還要盡可能使用更加豐富的超文字...