Lesson02_03 表單標籤_基礎教程

來源:互聯網
上載者:User

用來建立一個表單,即定義表單的開始和結束位置
屬性名稱 作用
action 設定處理表單的伺服器端URL地址.預設為表單頁
method 用來設定將表單中的資訊提交給服務端的處理常式時所用的方式
取值為:get或post 預設值為:get 傳大於1K的時候要用post
target 用來指定伺服器返回結果顯示的目標視窗或目標幀
title 用來設定當網站訪問者的滑鼠在表彰會上的任一位置停留過幾秒時顯示的文字
enctype 指示瀏覽器使用哪種編碼方法將表單資料傳送給www伺服器,其取值為:
application/x-www-form-urlencoded和multipart/form-date,預設為前者

提交按鈕:

用於提交表單的內容
當設有name值時其name及value也要提交給伺服器
代碼如下:
效果如下:

重設按鈕:

用於將表單的內容置為預設值
代碼如下:
效果如下:

單行文本輸入地區:

其有一個size屬性來指定輸入地區的大小,以字元為單位
代碼如下:
效果如下:
size屬性:
效果如下:
maxlength屬性下:

只可以輸入9個字元
效果如下:
value屬性:
效果如下:
readonly屬性:

手工改動不了,可以用指令碼去改
效果如下:
disable屬性:

當不存在這個元素,不將其傳給伺服器
效果如下:

複選框按鈕:


效果如下:
checked屬性
效果如下:

單選框按鈕:

只可以一個被選中

效果如下:

隱藏欄位:

不顯示,用於提交隱藏的資訊

密碼輸入區:

使輸入的內容為*號,即不可見的
代碼如下: < input type="password"> 效果如下:

按鈕:

與指令碼相連
代碼如下:
< input type="button" value="提交">
效果如下:
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.