HTML表單

表單的概念

專門用于收集用戶輸入不同類型信息的一個單子

表單的格式

<form action="" method="post">
    <input type="submit" value=""/>
</form>

form:表單
action:將收集到的信息提交到哪里?接口網(wǎng)址

method:提交信息的方式;
???????????????get:以明文的方式,將信息在地址欄中直接顯示,用于傳輸較少信息;
???????????????post:不會再地址欄中顯示用戶輸入信息,安全性高,通常用于傳輸較大量的用戶輸入信息;

input:用于收集用戶輸入的信息;

常用的表單項

input

  • text:用于收集普通的文本輸入;

    • type:輸入項的類型【必選】
    • name;收集項的名稱【必選】如果設(shè)置,將不會被提交
    • value:用來盛放用戶輸入的內(nèi)容【必選】
  • password:用于收集用戶輸入的密碼,以密文顯示

    • type:輸入項的類型【必選】
    • name;收集項的名稱【必選】
    • value:用來盛放用戶輸入的內(nèi)容【必選】
  • email:郵箱,用來收集用戶輸入的郵箱信息

    • type:輸入項的類型【必選】
    • name;收集項的名稱【必選】
    • value:用來盛放用戶輸入的內(nèi)容【必選】
  • date

    • type:輸入項的類型【必選】
    • name;收集項的名稱【必選】
    • value:用來盛放用戶輸入的內(nèi)容【必選】
  • number:數(shù)字,用來收集用戶輸入的數(shù)字信息

    • type:輸入項的類型【必選】
    • name;收集項的名稱【必選】
    • value:用來盛放用戶輸入的內(nèi)容【必選】
  • file:

    • type:輸入項的類型【必選】
    • name;收集項的名稱【必選】
    • value:用來盛放用戶輸入的內(nèi)容【必選】
  • radio:單選框,使用name屬性加以限制

    • type:輸入項的類型【必選】
    • name;收集項的名稱【必選】
    • value:用來盛放用戶輸入的內(nèi)容,值要給出來【必選】
  • checkbox:多選框,使用name屬性加以限制

    • type:輸入項的類型【必選】
    • name;收集項的名稱【必選】
    • value:用來盛放用戶輸入的內(nèi)容,值要給出來【必選】
  • button:按鈕,在頁面上顯示一個按鈕

    • name:
    • value:
  • submit:提交,用于提交用戶提交的信息

    • value:顯示按鈕的名稱
  • reset:重置,用于清空用戶輸入的所有信息

    • value:顯示按鈕的名稱

select - option

下拉選項

  • option:選項
  • value:直接
  • selected;默認(rèn)被選擇項
<select name="address">
    <option value="請選擇">請選擇</option>
    <option value="四川省" selected>四川省</option>
    <option value="北京市">北京市</option>
    <option value="天津市">天津市</option>
    <option value="河南省">河南省</option>
    <option value="廣東省">廣東省</option>
</select>

textarea

文本域,用來收集用戶輸入較多的描述內(nèi)容

  • row:行數(shù)
  • col:列數(shù)
  • name:用來提交的時候用的
  • value:用來盛放用戶輸入的內(nèi)容【必選】
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容