HTML表單元素

2021-06-21 10:29:49 字數 2578 閱讀 8704

表單元素是允許使用者在表單中(比如:文字域,下拉列表,單選框,核取方塊等等)輸入資訊的元素

表單標籤

文字域(text fields)

當使用者要在表單中鍵入字母,數字等內容時,就會用到文字域

單選按鈕(radio buttons)

當使用者從若干給定的的選擇中選取其一時,就會用到單選框

核取方塊(checkboxes)

當使用者需要從若干給定的選擇中選取乙個或若干選項時,就會用到核取方塊

表單的動作屬性(action)和確認按鈕

當使用者單擊確認按鈕時,表單的內容會被傳送到另乙個檔案,表單的動作屬性定義了目的檔案的檔名,由動作屬性定義的這個檔案通常會對接收到的輸入資料進行相關的處理

下面舉幾個例子

[html]view plain

copy

<

html

>

<

head

>

<

title

>

welcome

title

>

head

>

<

h1>

登入h1

>

<

form

action=""

method

="post"

>

使用者名稱:<

input

type

="text"

name

="username"

/>

<

br/>

密  碼:<

input

type

="password"

name

="pwd"

/>

br>

<

input

type

="submit"

value

="登入"

/>

<

input

type

="reset"

value

="重新填寫"

/>

br>

<

input

type

="checkbox"

name

="v1"

>

西瓜br

>

<

input

type

="checkbox"

name

="v1"

>

蘋果br

>

<

input

type

="radio"

name

="***"

/>男br

>

<

input

type

="radio"

name

="***"

/>女br

>

<

input

type

="hidden"

value

="123"

name

="sal"

/>

選擇你的出生地:  

<

select

name

="bir"

>

<

option

value=""

>

--請選擇--

option

>

<

option

value

="bj"

>

北京option

>

<

option

value

="bj"

>

上海option

>

<

option

value

="cq"

>

重慶option

>

select

>

br>

br>

<

textarea

cols

="30"

rows

="10"

>

textarea

>

br>

選擇要上傳的檔案

br>

請選擇檔案:<

input

type

="file"

name

="myfile"

/>

br>

select

>

form

>

body

>

html

>

網頁開啟如圖

html表單元素

自學打卡 2 form 表單元素,讓使用者把資料提交給伺服器 action 指定把請求和資料提交給哪個頁面 伺服器。元素 type text 文字內容 password 密碼 hidden 隱藏框 checkbox 核取方塊 radio 單選框 submit 提交 reset 重置 image 可以...

HTML表單元素 表單控制項

html是部署在伺服器上的文字檔案根據http協議,瀏覽器發出請求給伺服器,伺服器做出響應,給瀏覽器返回乙個html瀏覽器解釋執行html,從而顯示出內容 html部署在伺服器上,執行在瀏覽器上 表單用於顯示 收集資訊,並提交資訊到伺服器 表單二要素 表單元素 表單控制項 input text 文字...

HTML 表單元素(下)

其他元素 輸入驗證 元素名稱 說明select 生成乙個下拉列表進行選擇 optgroup 對select元素進行編組 option select元素中的專案 textarea 生成乙個多行文字框 output 表示計算結果 name fruit01 value 1 蘋果option value 2...