關於表單 html雜記

2021-09-24 14:17:08 字數 4477 閱讀 4023

1

doctype html

>

2<

html

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>

title

>

6head

>

7<

body

>89

<

form

method

="post"

>

10<

legend

>標題

legend

>

11<

fieldset

>

12<

label

for="name"

>名字:

label

><

br />

1314

<

hr />

2.文字框,密碼框,隱藏框:

15<

input

type

="text"

id="name"

name

="請輸入你的名字"

size

="7"

/><

br />

16<

input

type

="text"

id="name"

name

="請輸入你的名字"

size

="6"

/><

br />

17<

input

type

="text"

id="name"

name

="請輸入你的名字"

size

="5"

/><

br />

18<

input

type

="text"

id="name"

name

="請輸入你的名字"

size

="4"

/><

br />

19<

input

type

="text"

id="name"

name

="請輸入你的名字"

size

="3"

/><

br />

20<

input

type

="text"

id="name"

name

="請輸入你的名字"

size

="2"

/><

br />

2122

<

input

type

="text"

id="name"

name

="請輸入你的名字"

size

="2"

maxlength

="3"

/><

br />

23<

label

for="pwd"

>密碼:

label

>

24<

input

type

="password"

id="pwd"

name

="pass"

/>

25<

input

type

="hidden"

id="pwd"

name

="hahah"

value

="好"

/>

2627

<

hr />

3核取方塊:

28<

input

type

="checkbox"

name

="核取方塊1"

value

="a"

checked

="checked"

disabled

="disabled"

/>

29<

input

type

="checkbox"

name

="核取方塊2"

value

="b"

/>

30<

input

type

="checkbox"

name

="核取方塊3"

value

="c"

/>

31<

input

type

="checkbox"

name

="核取方塊4"

value

="d"

/>

3233

<

hr />

單選欄:

34<

input

type

="radio"

name

="a"

value

="a"

checked

="checked"

/>

35<

input

type

="radio"

name

="a"

value

="b"

/>

36<

input

type

="radio"

name

="a"

value

="c"

/>

3738

<

hr />

4.窗體字段:

39<

select

name

="ns"

size

="1"

>

40<

option

value

="a"

>a

option

>

41<

option

value

="a"

>b

option

>

42<

option

value

="a"

>c

option

>

43<

option

value

="a"

>d

option

>

44select

>

45<

br />

4647

<

hr />

48<

textarea

cols

="50"

rows

=「50"

>

49<

h1> 你好啊

h1>

50textarea

>

5152

<

p>

53<

input

type

="submit"

name

="提交"

/>

54<

input

type

="reset"

name

="重置"

/>55p

>

5657

<

hr />

5.按鍵,影象

58<

button

>

59<

img

src="img/1.png"

/>

60button

>

6162

<

hr />

63<

input

type

="image"

src="../day01/作業day01/img3/tv05.jpg"

alt="好可憐"

/>

6465

<

hr />

66<

input

type

="file"

name

="file"

/>

67fieldset

>

6869

70form

>

7172

body

>

73html

>

view code

HTML結構雜記

了解html網頁的一些結構和規範 1.乙個完整的html文件包含兩類內容,標籤和頁面內容 2.html基礎語法 使用標籤遵循的3個原則 1 一般情況下,標籤由開始標籤起頭,一定要有對應的標籤來收尾。和不需要首尾 2 標籤中的屬性值必須放在引號內 3 對同一文字中使用多個標籤時必須按照巢狀的原則 3....

html表單提交

用來收集資訊 form中的屬性 action 提交的路徑 method get post提交表單的方式 標籤type屬性的不同的值所表示的含義 text 文字框 value表示文字框中的值 readonly表示唯讀,可以寫readonly或true disable表示標籤不可用,可以寫disable...

html表單使用

1 一般的使用者名稱 密碼實現 使用者名稱 密碼 2 單選框的實現 性別 男 女注 此處使用checked屬性是為了預設選擇性別為 男。3 核取方塊的使用 a 顯示所有選項的核取方塊 愛好 看電影 聽 運動 b 下拉列表選項的核取方塊 所在年級 注 此處的size值為顯示到頁面上的元素值 百傑1部 ...