html 表單的基本使用

2021-08-17 10:15:40 字數 3019 閱讀 9641

今天寫乙個簡單的註冊資訊的表單,樣式如圖:

>姓名:

label

>

<

input

type=

"text"

name=

"name"

id= "username"

>

div>

<

div>

<

label

for=

"psw"

>密碼:

label

>

<

input

type=

"password"

name=

"password"

id= "psw"

>

div>

<

div>

性別:<

input

type=

"radio"

name=

"gender"

value=

"0">男

<

input

type=

"radio"

name=

"gender"

value=

"1">女

div>

<

div>

愛好:<

input

type=

"checkbox"

name=

"hobby"

value=

"sing"

>唱歌

<

input

type=

"checkbox"

name=

"hobby"

value=

"run"

>跑步

<

input

type=

"checkbox"

name=

"hobby"

value=

"swing"

>游泳

<

input

type=

"checkbox"

name=

"hobby"

value=

"study"

>學習

div>

<

div>

**:<

input

type=

"file"

>

div>

<

div>

個人描述

<

textarea

name=

"desc"

id= ""

cols=

"30"

rows=

"10"

>

textarea

>

div>

<

div>

籍貫:<

select

name=

"loc"

id= ""

value=

''>

<

option

value=

"0">北京

option

>

<

option

value=

"1">上海

option

>

<

option

value=

"2">廣州

option

>

<

option

value=

"3">深圳

option

>

select

>

div>

<

div>

<

input

type=

"submit"

value=

"註冊"

>

<

input

type=

"reset"

value=

"重置"

>

div>

form

>

body

>

html

>

乙個簡單的表單註冊提交就這樣完成了

html表單 基本標籤的使用

html html lang en head meta charset utf 8 title 表單元素 title head body iframe src style width 100 當前瀏覽器不支援嵌入式框架 iframe form action method get fieldset l...

HTML表單的使用

表單的定義 表單是乙個包含表單元素的區域。表單元素是允許使用者在表單中 比如 文字域 下拉列表 單選框 復 選框等等 輸入資訊的元素。表單使用表單標籤 定義。表單的用法 賬號 type text 密碼 type text form please select your boytype radio n...

html表單使用

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