html表單製作

2022-07-02 08:06:12 字數 1177 閱讀 5499

表單

收集不同型別的使用者輸入資訊。(輸入框,密碼框,文字框,下拉列表,單選,多選,)

form標籤:

作用:定義乙個表單。

乙個表單是又表單元素組成的.

標籤:是指開始標籤到結束標籤。

元素:指在html中,從開始標籤到結束標籤的所有**統稱為乙個元素。

表單元素:不同型別的input元素,以及單選框,提交按鈕等。

form標籤的格式為:

form標籤的屬性:

method:提交的方式(1.get:引數是在url中的,不安全,傳輸量比較少,不大於2kb,預設是get。2.post:引數不在url中。,相對比get比較安全。傳輸量沒有限制,不過,伺服器可能會對你傳輸的資料量進行限制。)

input:

type:input元素的型別,會根據type的不同,呈現為不同的控制項。

name:提交的資料的名字。

輸入框:

type=text

作用:建立乙個允許使用者輸入的輸入框。

value:未輸入之前的預設文字。

placeholder:提示文字。

maxlength:輸入框最大輸入字元長度。

minlength:輸入框最小輸入字元長度。

autofocus:自動獲取焦點 不需要書寫屬性值。

例:賬號名:

密碼框:

password:建立乙個允許使用者輸入密碼的密碼框。

例:密碼:

單選:type=radio

屬性:n

ame:如果不設定name屬性,遊覽器不知道哪些單選框是一組,就不能起到單選的效果。我們需要給同一組

的單選框新增乙個相同的name屬性值。

checked:可以忽略屬性值,表示當前單選預設選中。

disabled:禁用。(不僅僅是單選可用,別的input元素也可以使用。)

例: 性別:男女未知

多選:type=checkbox

name:必填項,而且同一組的多選框的name值必須相同。

例:愛好:

唱歌跳舞

打籃球rap

按鈕分為:

普通按鈕 type=button,

提交按鈕type=submit,

重置按鈕type=reset。

value屬性:按鈕上的文字。

例:

Html簡易表單製作

可以很清楚的了解到具體沒個項所應用的表單類目,然後分析下版面排版,所以對於有過知道簡單的html table等知識就已經夠用了。1.先建立乙個空html的文件,因為這是乙個 的東西,所以需要乙個 但是現在還沒辦法確定 的行數與列數,所以可以分塊來做。我就首先做了乙個table,然後建立了一行tr,又...

html製作表單網頁案例

html的 製作案例 有關html測試數目 單位資料 顆粒物cadr m3 h 450 甲醛cadr m3 h 137 顆粒物淨化能效 m3 hw 6.931 甲醛淨化能效 m3 hw 2.117 適用面積 m2 hw 32 54 待機功率 w0.87 pm2.5去除率 99.99 30min 甲醛...

html表單提交

用來收集資訊 form中的屬性 action 提交的路徑 method get post提交表單的方式 標籤type屬性的不同的值所表示的含義 text 文字框 value表示文字框中的值 readonly表示唯讀,可以寫readonly或true disable表示標籤不可用,可以寫disable...