HTML表單的基本用法

什么是HTML表單?

  • 表單是一個包含元素的區(qū)域,表單元素是允許用戶在表單中(比如:文本域,列表,單選框,復選框等)輸入信息的元素。

form的常用屬性

  • action:提交表單的地址
  • method:提交表單的方式(get和post)

form元素的用法

  • 單行文本框<input type="text"/>
    任務(wù)5-1(text).png

    效果:
    任務(wù)5-1.0.png
  • 密碼框<input type="password"/>
    任務(wù)5-2(password).png

    效果:
    任務(wù)5-2.0.png
  • 單選按鈕<input type="radio"/>
    任務(wù)5-3(radio).png

    效果:
    任務(wù)5-3.0.png
  • 復選框<input type="checkbox"/>
    任務(wù)5-4(checkbox).png

    效果:
    任務(wù)5-4.0.png
  • 多行文本<textarea></textarea>
    任務(wù)5-5(textarea).png

    效果:
    任務(wù)5-5.0.png
  • 下拉列表<select>...</select>
    任務(wù)5-6(select).png

    效果:
    任務(wù)5-6.0.png

    *提交表單按鈕 <input type="submit">
    任務(wù)5-7(submit).png
    效果:
    任務(wù)5-7.0.png
最后編輯于
?著作權(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ù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML 表單的基本用法 說起 HTML 中的form表單,大家一定都很熟悉了,這是用于搜集各種用戶輸入的信息,并...
    曉風殘月1994閱讀 399評論 0 0
  • 1.常見的表單元素HTML表單主要用于向服務(wù)器端傳輸用戶的數(shù)據(jù)信息。它可以包含input、menus、textar...
    l_meng閱讀 347評論 0 0
  • 1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? 答:form表單用于收集信息,并將信息...
    北城_荒閱讀 269評論 0 0
  • 本人做php的,最近發(fā)現(xiàn)JS真的是博大精深啊,比PHP難.在HTML中,表單是由form元素來表示的,但是在jav...
    linfree閱讀 2,330評論 3 17
  • 1、關(guān)于form表單的基礎(chǔ) form表單:是一個包含表單元素的區(qū)域;作用,用于包裹表單元素。 表單元素:是允許用戶...
    tangmengyun閱讀 771評論 1 1

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