1. 程式人生 > ><form>(表單)標簽和常用的類型

<form>(表單)標簽和常用的類型

form表單 用戶 服務 傳輸 以及 NPU 文本框 bubuko 圖片

1.定義和用法

<form> 標簽用於為用戶輸入創建 HTML 表單。

表單能夠包含 input 元素,比如文本字段、復選框、單選框、提交按鈕等等。

表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。

表單用於向服務器傳輸數據。

註釋:form 元素是塊級元素,其前後會產生折行。

2.form表單的作用

表單在網頁中主要負責數據采集功能,也就是和裏面包含的數據將被提交到服務器或者電子郵件裏。
一個表單有三個基本組成部分:
表單標簽:這裏面包含了處理表單數據所用CGI程序的URL以及數據提交到服務器的方法。
表單域:包含了文本框、密碼框、隱藏域、多行文本框、復選框、單選框、下拉選擇框和文件上傳框等。
表單按鈕:包括提交按鈕、復位按鈕和一般按鈕。

3.form語法格式分為兩種

通用格式:技術分享圖片

不通用格式:

技術分享圖片

4.表單中的類型

文本類型
  文本框   密碼框   隱藏域   多行文本框
選擇類型
  單選 多選   下拉特殊類型
按鈕類型
  普通按鈕   提交按鈕(可以用作圖片)   重置按鈕
其他類型
  上傳文件(file)   選擇日期(date)   郵箱(email)   鏈接(url)   顏色(color)   範圍(range)

代碼截圖如下:

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

<form>(表單)標簽和常用的類型