html基礎之表單

2021-07-09 07:55:15 字數 2779 閱讀 7754

8.1表單的用途和屬性

資料傳遞方式:post和get。

enctype屬性用於指定表單資料編碼型別。其值有以下幾種

multipart/form-data:窗體資料被編碼為一條訊息,頁面上的每個控制項對應訊息中的乙個部分。

text/plain:窗體資料以純文字形式進行編碼,其中不含任何控制項和格式字元。

8.2表單的控制項

8.2.1單行文字控制項框控制項和密碼框控制項

name="wenben"

method="post"

action="#.php">

type="text"

name="txt1"

size="20"

maxlength="10"

value="請填寫文字內容" />

type="text"

name="txt2"

size="25"

maxlength="15"

value="文字內容不能被更改"

readonly="true" />

密碼:type="password"

name="pwd"

size="10"

maxlength="6" />

form>

8.2.2多行文字框控制項

cols和rows用來設定寬度和行數;wrap屬性用來設定換行方式,常用的值為off(不自動換行)、virtual(自動換行換行處沒有換行符號)、physical(自動換行處沒有換行符號)

name="wenben"

method="post"

action="#.php">

name="#"

cols="45"

rows="4"

wrap="off" >修改內容,關閉自動換行textarea>

name="#"

cols="45"

rows="4"

wrap="physical" >修改內容,開啟自動換行textarea>

name="#"

cols="45"

rows="4"

readonly="true" >無法修改內容textarea>

form>

8.2.3不同型別的按鈕控制項

按鈕分為submit、reset、button三種type。

name="wenben"

method="post"

action="#.php">

type="submit"

name="#"

value="提交按鈕" />

type="reset"

name="#"

value="復位按鈕" />

type="button"

name="#"

value="普通按鈕" />

form>

8.2.4單選框控制項和核取方塊控制項

單選框和核取方塊checked屬性以確定初始值。表單還提供了babel雙標籤,包含在內的文字可以選定控制項。

name="select"

method="post"

action="#.php">

單選框(帶有label標籤):

type="radio"

name="radio"

checked="checked" />選項1label>

type="radio"

name="radio" />選項2label>

type="radio"

name="radio" />選項3label>

核取方塊type="checkbox"

name="chk"

checked="checked" />選項1

type="checkbox"

name="chk" />選項2

type="checkbox"

name="chk" />選項3

type="reset"

value="reset"/>

form>

8.2.5下拉列表和列表框控制項

select標籤如果加上multiple屬性,下拉列表即呈現為列表框控制項,其size屬性設定所顯示資料項的數量。

name="sel"

method="post"

action="#.php">

name="select">

value="html"

select="selected">htmloption>

value="css">cssoption>

value="jsp">jspoption>

select>

name="select1"

size="3"

multiple="multiple">

htmloption>

select="selected">cssoption>

jspoption>

select>

form>

8.2.6影象域控制項、文字域控制項和隱藏域控制項

name="form1"

method="post"

action="#.php">

影象域(單擊類似於單價提交按鈕)

檔案域type="file" />

隱藏域type="hidden"

name="txt"

value="我是隱藏域中的值" />

form>

重走HTML之HTML表單

表單標籤主要是用於與web應用程式進行資料的互動,它只允許使用者使用者將資料傳送給web應用程式,網頁也可以攔截資料的傳送以便自己使用。form元素通常由一到多個表單控制項組成,這些表單控制項有單行 多行文字框,下拉列表,按鈕,核取方塊,單選按鈕,使用表單控制項時,一般要配合label標籤,用於描述...

HTML 表單之表單的屬性

在網頁製作過程中,時常會用到表單。form雙標籤被用來建立乙個表單,在form雙標籤中可以設定表單的基本屬性。真正處理表單的資料指令碼或程式在action屬性裡,這個值可以是程式或指令碼的乙個完整url。語法 action 表單的處理程式 form 語法中,表單的處理程式定義的表單是要提交的位址,也...

html之表單總結

將使用者資訊組織起來的容器。1.登入 註冊 登入時填寫使用者名稱 密碼,註冊時填寫姓名 等個人資訊。2.網上訂單 在網上購買商品,一般要求填寫姓名 付款方式等資訊。3.調查問卷 回答對某些問題的看法,以便形成統計資料,方便分析。4.網上搜尋 輸入關鍵字,搜尋想要的可用資訊。單行文字框 密碼框 單選按...