html 表單標(biāo)簽<form>

<h6>常用的屬性:</h6>

  • action: 表單提交到的地址,點(diǎn)擊submit的提交按鈕,就會(huì)把數(shù)據(jù)提交到action的地址
  • method: 提交方式。
  1. get
    1)提交的數(shù)據(jù)會(huì)放到地址欄上面
    2 ) get提交的數(shù)據(jù)不超過1kb,只適合簡單的數(shù)據(jù)
  2. post
    1)提交的數(shù)據(jù)不會(huì)放到地址欄
    2)post提交的數(shù)據(jù)沒有限制。比如文件上傳
<form action="http://localhost:8080/Test/GetData" method="get">
    <!-- 單行輸入域:
    常用的屬性
        value: 該輸入的默認(rèn)值
         name: 這個(gè)必須填。該name的屬性值用于給后臺(tái)程序獲取該標(biāo)簽輸入的內(nèi)容
         size: 可以輸入的字符數(shù)量
     -->
    用戶名:<input type="text" value="4-10位的字母或數(shù)字" name="userName" size="25" /><br/>
    <!--h5后有一個(gè)新屬性:placeholder(占位符)這樣就不再用value來做提示了-->
    
    <!--密碼輸入域: 以非明文的效果獲取用戶輸入的數(shù)據(jù)。 -->
    密碼:<input type="password" name="userPwd" /><br/>
    
    
    
    <!-- 單選: 
        注意: 
            1)如果是同一組的單選選項(xiàng)就使用相同的name屬性值
            2)單選按鈕的value屬性一定填。這個(gè)value的值就是發(fā)送給后臺(tái)程序的內(nèi)容
            -->
    性別:<input type="radio" name="gender" value="男"/>男<input type="radio" name="gender" value="女"/>女<br/>
    
    
    
    <!-- 多選按鈕:
        注意:
            1)如果是同一組的多選選項(xiàng)就使用相同的name屬性值
            2)多選按鈕的value屬性一定填。這個(gè)value的值就是發(fā)送給后臺(tái)程序的內(nèi)容
    -->
    愛好:
    <input type="checkbox" name="hobit" value="籃球"/>籃球
    <input type="checkbox" name="hobit" value="足球"/>足球
    <input type="checkbox" name="hobit" value="兵乓球"/>兵乓球<br/>
    
  
    <!--
        下拉選項(xiàng):
            注意: 
                1)name屬性就是后臺(tái)程序獲取的標(biāo)記
                2)下拉選項(xiàng)的option標(biāo)簽中的value屬性一定填。這個(gè)value的值就是發(fā)送給后臺(tái)程序的內(nèi)容
     -->
     籍貫:
    <select name="jiguan">
        <option value="廣東">廣東</option>
        <option value="廣西">廣西</option>
        <option value="湖南">湖南</option>
    </select><br />
    
    
    <!-- 隱藏域:用于攜帶數(shù)據(jù),但是在頁面上不會(huì)顯示效果
        注意: 
                1)name屬性就是后臺(tái)程序獲取的標(biāo)記
                2) 這個(gè)value的值就是發(fā)送給后臺(tái)程序的內(nèi)容
     -->
    <input type="hidden" name="id" value="001"/>
    
    
   
   <!--多行輸入域:可以輸入多行文本
    rows: 一共有幾行
    cols: 一行可以輸入幾行字符
    -->
    個(gè)人簡介:
    <textarea rows="5" cols="20" name="info"></textarea> 
    
    
    
    <!-- 提交按鈕: 點(diǎn)擊這個(gè)按鈕,form中的全部數(shù)據(jù)就會(huì)發(fā)送到后臺(tái)
        value: 表示按鈕顯示的文本
    -->
    <input type="submit" value="注冊"/>
    
    
    
    <!--
        重置按鈕: 點(diǎn)擊這個(gè)按鈕,form中的所有標(biāo)簽返回到初始默認(rèn)狀態(tài)
     -->
    <input type="reset" />

</form>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 7,390評論 0 17
  • 一.什么是< form>表單 格式: 作用:form表單一般用來收集用戶的信息,并把信息傳送到后臺(tái)。 注意點(diǎn):1....
    饑人谷_劉沖閱讀 2,942評論 0 1
  • HTML表單 在HTML中,表單是 ... 之間元素的集合,它們允許訪問者輸入文本、選擇選項(xiàng)、操作對象等等,然后將...
    蘭山小亭閱讀 3,515評論 2 14
  • 1.動(dòng)手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標(biāo)簽和結(jié)...
    _Dot912閱讀 2,138評論 2 8
  • 因?yàn)檫z失過手機(jī)導(dǎo)致過去的朋友的聯(lián)系方式都找不回來。社交圈很小的本人,前幾天終于找到一位童年友人的手機(jī)號(hào)碼,忍不住向...
    adnap0627閱讀 268評論 0 0

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