HTML 之 表單 二

2022-01-28 13:45:10 字數 3523 閱讀 9176

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>表單

title

>

head

>

<

body

>

<

form

>

<

input

type

="text"

>

<

br>

<

input

type

="text"

value

="氣死?"

>

<

br>

<

input

type

="text"

value

="氣死?"

readonly

>

<

br>

<

input

type

="text"

placeholder

="你輸入吧"

>

<

br>

<

input

type

="text"

placeholder

="輸入提示"

maxlength

="4"

>

<

br>

<

input

type

="text"

placeholder

="輸入提示"

size

="103"

><

br>

<

input

type

="password"

placeholder

="密碼"

><

br>

<

textarea

> 這是乙個,嗯,文字區域

textarea

><

br><

br>

<

textarea

rows

="20"

> 這是乙個,嗯,文字區域

textarea

><

br><

br>

<

input

type

="button"

value

="點選就送!"

>

<

button

>點選也送!

button

>

<

input

type

="submit"

value

="提交!"

>

<

br><

br><

br>

<

input

type

="range"

><

br>

<

input

type

="range"

min="-100"

max="500"

step

="100"

><

br>

<

input

type

="range"

min="-100"

max="500"

step

="100"

value

="400"

><

br>

<

input

type

="number"

><

br>

<

input

type

="number"

min="-100"

max="100"

value

="66"

><

br>

<

input

type

="checkbox"

><

br>

<

input

type

="radio"

>死亡 <

input

type

="radio"

>生存 <

input

type

="radio"

>死亡和生存 <

br>

<

input

type

="radio"

name

="甲"

>死亡 <

input

type

="radio"

name

="甲"

>生存 <

input

type

="radio"

name

="甲"

>死亡和生存 <

br><

br>

<

select

>

<

option

>遺忘

option

>

<

option

> 除了遺忘

option

>

<

option

> 還有什麼

option

>

select

>

<

input

type

="text"

list

="list1"

>

<

datalist

id="list1"

>

<

option

>忘了吧

option

>

<

option

>只能

option

>

<

option

>忘了它

option

>

datalist

>

<

br><

br><

br><

br><

br>

form

>

body

>

html

>

結果如下:

重走HTML之HTML表單

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

HTML 表單之表單的屬性

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

html基礎之表單

8.1表單的用途和屬性 資料傳遞方式 post和get。enctype屬性用於指定表單資料編碼型別。其值有以下幾種 multipart form data 窗體資料被編碼為一條訊息,頁面上的每個控制項對應訊息中的乙個部分。text plain 窗體資料以純文字形式進行編碼,其中不含任何控制項和格式字...