• <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • HTML教程
    HTML元素
    HTML標簽
    HTML實體符號
    HTML表格
    HTML背景色背景圖片
    HTML圖片
    HTML超鏈接
    HTML列表
    HTML格式標簽
    HTML表單
    HTML中的div和span

    HTML表單

     

     

    什么是表單?


    在HTML中使用表單和用戶完成交互

     

     

    表單作用是什么?


    表單主要負責采集數據信息,然后向服務提交表單數據,進行相關處理

     

     

    Form表單標簽

     

    name屬性:設置表單的名稱

     

    action屬性:用來設置發送請求的路徑

     

    B/S架構中,從瀏覽器B端向服務器S端發送數據,叫做請求,英語單詞:request

     

    B/S架構中,從服務器S端向瀏覽器B端返回數據,叫做響應,英語單詞:response

     

    method屬性:用來設置表單提交數據的方式:get、post

     

    get方式:為默認提交方式,提交的數據會顯示在地址欄中

     

    post方式:提交的數據不會在地址欄中顯示,相對安全

     

     

    例子:用戶信息表單

     

     

    \

    HTML input標簽

     

    1. input type類型為text:文本輸入域

     

    <input type=”text” name=”username” />

     

    2.input type類型為password:密碼輸入框

     

    <input type=”password” name=”password” />

     

    input type類型為 radio:單選按鈕

     

    3. <input type=”radio” name=”sex” />

     

    4. input type類型為 checkbox:多選按鈕

     

    <input type=”checkbox” name=”interest” />

     

    5. input type類型為submit:表單提交按鈕

     

    <input type=”submit” name=”注冊” />

     

    6. input type類型為button:普通按鈕

     

    <input type=”button” name=”提交注冊” />

     

    7. input type類型為reset:表單重置按鈕

     

    <input type=”reset” name=”重置” />

     

    8. input type類型為file:文件上傳組件

     

    <input type=”file” name=”filename” />

     

    9. input type類型為hidden:隱藏控件

     

    在瀏覽器上看不到,但提交表單的時候會提交給服務器

     

    <input type=”hidden” name=”usercode” />

     

     

    下拉列表標簽:<select><option></option></select>


    <select name=”grade” >

     

    <option value=”gz”>高中</option>

     

    <option value=”dz”>大專</option>

     

    </select>

     

     

    文本域標簽 <textarea></texarea>


    <textarea name=”introduce” cols=”50” rows=”10”></textarea>

     

     

    只讀控件readonly:只能看不能改,數據也會提交給服務器


    <input type=”text” name=”username” value=”zhangsan” readonly />

     

     

    無效控件disabled:只能看不能改,數據不會提交給服務器


    <input type=”text” name=”user” value=”wangwu” disabled  />

     

     

    input控件size屬性:設置文本框的可視長度


    <input type=”text” name=”username” size=”10” />

     

     

    input控件maxlength屬性:設置文本框中可編寫的長度


    <input type=”text” name=”uname” maxlength=”100” />

    全部教程
  • <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • 面对面棋牌游戏