當前位置:成語大全網 - 書法字典 - 如何用html編寫表單的教程。

如何用html編寫表單的教程。

在瀏覽壹些網站時,我們經常使用網頁元素表單。如下圖所示,允許用戶使用類似這樣的按鈕輸入和提交信息的功能稱為表單,因此我們來介紹壹些與HTML表單相關的知識點。

1)表單:幫助服務器收集客戶端信息的機制。

& lt形式?Action=“已提交頁面“?method =“submitted method“》?

表單控件

表單& gt

操作:最後提交的數據頁面的絕對/相對路徑。

方法:數據提交到服務器時的提交方法post get。

2)表單控件:用戶用來填寫信息的表單控件。

1.文本控件:供用戶填寫較少信息並顯示用戶填寫信息的控件。

(註冊時填寫用戶名)

格式:

& lt輸入?type =“text“?name =““id =““value =““?size=““?placeholder =““/& gt;?

類型:設置控件樣式文本。

Name:用於表單收集信息的標識符,即控件的名稱。

2.密碼框:只有用戶輸入的內容看不到。

& lt輸入?type =“password“?名稱=““?id =““size =““/& gt;?

3.單選按鈕組:由多個單選按鈕組成的按鈕組,只能選擇其中壹個。該按鈕組

& lt輸入?type =‘radio‘?名稱=““?值=““?選中& gt馬克筆?

名稱:為了確保只有壹個傳送服務器數據,名稱值必須相同。

Value:指標簽向服務器提交時提交的數據,值不能相同;

選中:默認按鈕組中的哪個按鈕被選中。

性別:

& lt輸入?type =‘radio‘?名稱=““?值=““?選中& gt女人?

& lt輸入?type =‘radio‘?名稱=““?值=““?選中& gt秘密?

所有表單控件的名稱值不能相同!!!

4.復選按鈕組:與單選按鈕組不同,可以選擇多個項目。為了將用戶選擇的多個項目傳送到服務器,應該在名稱後添加【】。

格式:

& lt輸入?type =‘checkbox‘?名稱=““?id=““?值=““?選中& gt馬克?

課程選擇:

& lt輸入?type =‘checkbox‘?name =‘classes【】‘?檢查過了嗎?value =‘1‘& gt;中國人?

& lt輸入?type =‘checkbox‘?name =‘classes【】‘value =‘2‘& gt;數學?

& lt輸入?type =‘checkbox‘?name =‘classes【】‘value =‘3‘& gt;歷史?

& lt輸入?type =‘checkbox‘?name =‘class【】‘value =‘4‘& gt;政治?

& lt輸入?type =‘checkbox‘?name =‘class【】‘value =‘5‘& gt;物理?

& lt輸入?type =‘checkbox‘?name =‘classes【】‘value =‘6‘& gt;化學?

& lt輸入?type =‘checkbox‘?name =‘classes【】‘?檢查過了嗎?value =‘7‘& gt;藝術?

註意:請確保在名稱屬性後添加【】。

5)下拉列表框:

格式:

& lt選擇?名稱=““?& gt?

& lt選項?值=““?選定的& gt下拉列表項選項& gt?

& lt選項?值=““?& gt下拉列表項選項& gt?

& lt選項?值=““?& gt下拉列表項選項& gt?

& lt選項?值=““?& gt下拉列表項選項& gt?

& lt選項?值=““?& gt下拉列表項選項& gt?

選擇& gt?

Multiple:允許用戶選擇多個下拉列表項。

Optgroup:設置下拉分類標簽。

6)文本字段:可以輸入多行數據的表單控件。

& lt文本區?名稱=““?id=““?cols=““?rows =““& gt;?

內容?

textarea & gt?

行數:設置可以在文本字段中輸入的行數。

Cols:設置在文本字段中輸入的列數(壹行可以輸入多少個字符)(不是PX)。

個人介紹:

& lt文本區?name =‘descs‘?cols =“50”?rows =“10“& gt。?

我是學生?

textarea & gt?

7)隱藏域:

& lt輸入?type =“hidden“?名字?=?”“值嗎?=“““& gt;?

8)上傳控制:

& lt輸入?type =“file“?name =““& gt;?

9)按鈕標簽:

普通按鈕:為js提供的控件。

& lt輸入?type =‘button‘?名稱=““?value =““/& gt;?

值:按鈕中顯示的數據和控件提交到服務器後提交的值。

& lt輸入?type =‘button‘?name =‘點擊‘?Value=“單擊我“/>。?

提交按鈕:單擊以提交表單。

& lt輸入?type =‘submit‘?name =“add“?value =‘Register‘/& gt;?

重置按鈕:點擊該按鈕可以清除用戶輸入的數據。

& lt輸入?type =‘reset‘?name =‘取消‘?value =‘reset‘》?

圖片提交按鈕:使用圖片作為提交按鈕。

& lt輸入?type =‘image‘?src =‘圖片地址‘?name =““& gt;?

分享的這篇文章就到這裏了。希望我的回答能幫到妳。