HTML表單的用法

<meta charset="utf-8">

html表單的作用是收集不同類型的用戶輸入,然后提交到服務器。

form標簽有幾個重要的屬性:

1.action:表單提交的地址

2.method:提交表單的方法

3.target:在何處打開action

4.enctype:發(fā)送到服務器時的編碼方式,如

  • application/x-www-form-urlencoded:默認的編碼方式,但是在用文本的傳輸和MP3等大型文件的時候,使用這種編碼顯得效率低下
  • text/plain:純文本的傳輸,空格轉換為“+”,但不對特殊字符編碼
  • multipart/form-data:指定傳輸數據為二進制類型,如圖片,MP3,文件,在使用包含文件上傳控件的表單時,必須使用該值

form表單中的常用標簽:

1.input:所有的input都必須有name,不然后端無法準確接收到該數據;一些常用的type屬性如下:

text:輸入文本

password:輸入內容自動變成圓點

checkbox:多選框。同一個多選框內,不同選項的name應相同,但是value的值需不同,以便于后臺區(qū)分不同的選項

radio:單選框。同樣需要用不同的value來區(qū)分兩個選項

file:文件上傳。

button:按鈕。

submit:提交。

reset:清空當前所有輸入

2.label:在輸入框前添加文字。label for的作用:在鼠標點擊該label時,會focus到目標輸入框,如下圖


label.jpg
label2.jpg

當鼠標點擊“姓名”時,后面的輸入框會進入編輯狀態(tài)

3.select:下拉菜單。下拉菜單中的選項用option標簽,如下圖:

select.jpg

其中的selected指默認選擇該option

4.textarea:多行文本。如果想在輸入框中寫入提示信息,可以用到placeholder屬性,如

placeholder.jpg
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 一、表單 1. 表單的作用 HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務器傳輸數據,從而實現用戶...
    zx9426閱讀 530評論 0 1
  • 1、關于form表單的基礎 form表單:是一個包含表單元素的區(qū)域;作用,用于包裹表單元素。 表單元素:是允許用戶...
    tangmengyun閱讀 773評論 1 1
  • 什么是form表單 表單在網頁中主要負責數據采集功能,把用戶填寫的信息提交到網站的后臺服務器。 form標簽的常用...
    ezrealor閱讀 330評論 0 0
  • HTML 表單用于搜集不同類型的用戶輸入。 元素定義 HTML 表單,相當于表單的外殼,用于把用戶輸入的不同類型...
    lingfighting閱讀 521評論 0 1
  • 早晨的陽光明媚燦爛,像個待字閨中的姑娘,終于出來了。天氣比昨天要溫和很多,不知是不是昨天來了個獨特的下馬威般的歡迎...
    微笑的百合花閱讀 859評論 1 1

友情鏈接更多精彩內容