Html表單詳解

2021-08-17 06:36:18 字數 1589 閱讀 4451

html 表單用於從客戶端收集使用者輸入資料給伺服器後台進行處理,是動態網頁實現互動的重要一環。

從上面的登陸案例中我們可以看出:1. 表單元素的格式

type=

name = 該元素的名字

2.action 制定把請求交給哪個介面

1. 文字輸入

type=

"text" name="username"

value="請輸入名字" />

2. 密碼輸入

type=

"password" name="password"

value="請輸入密碼……"/>

3. 單選框輸入

選擇性別

type="radio" name ="***">男

type="radio" name ="***">女

4. 多選框輸入

選擇你喜歡的水果:

type="checkbox" name ="fruit">西瓜

type="checkbox" name ="fruit">桃子

type="checkbox" name ="fruit">李子

注意:name 也需保證邏輯組一致

5. 隱藏輸入

目的:它輸入內容在使用者介面看不到,而直接傳給後台,用於傳輸一些特殊資料

type=

"hidden"

value="123" name="hid"/>

6. 下拉列表

請選擇你的出生地:

name="location">

value="北京"> ---北京---option>

value="上海"> ---上海---option>

value="重慶"> ---重慶---option>

select>

type="file" name="files"/>

9. 登陸重置

type=

"submit"

value="登陸"/>

type=

"reset"

value="重置"/>

最近才開始學習 web 開發,初學 html 語言,虛心向各位前輩學習請教。

HTML5 表單詳解

注 如果文字出現不能自動換行現象,請將遊覽器調成相容模式 元素用於生成表單,該元素不會生成視覺化部分。元素是表單元素中功能最豐富的控制項 元素用於在表單中定義標籤 元素用於在表單中定義按鈕 元素可以將多個元素的值整合成乙個請求。除了可以指定全域性屬性外,還能指定如下幾個屬性 method 指定提交表...

HTML表單的enctype屬性詳解 轉

用於表單裡有上傳。表單標籤中設定enctype multipart form data 來確保匿名上載檔案的正確編碼。如下 上傳企業營業執照 就得加enctype multipart form data enctype multipart form data 是上傳二進位制資料 form裡面的inp...

詳解HTML中的表單元素

詳講 注意事項 1.寬度和高度屬性 可以給table和td標籤使用 2.水平對齊和垂直對齊 水平對齊可以給table和td使用 垂直對齊只能給tr和td標籤使用 3.外邊距和內邊距屬性 只能給table使用 4.分類 的標題 的表頭資訊 的主題資訊 的葉尾資訊 必須寫在table標籤中,緊跟在tab...