HTML表單校驗總結

2021-10-08 06:30:49 字數 3317 閱讀 5372

**示例:

<

!doctype html>

"utf-8"

>

<

/title>

<

/head>

"name"

/>

document.

getelementbyid

("name").

focus()

;//獲取id為name的焦點

function t1()

<

/script>

"button" name=

"name1" id=

"name1" value=

"測試" οnclick=

"t1()"

<

/body>

<

/html>

**示例:

<

!doctype html>

"utf-8"

>

<

/title>

<

/head>

"password" name=

"password" id=

"password"

/>

document.

getelementbyid

("password").

focus()

; function t2()

<

/script>

"button" name=

"name" id=

"name" value=

"測試" οnclick=

"t2()"

<

/body>

<

/html>

獲取第一次輸入的密碼,第二次顯示預設密碼,在控制台上顯示密碼明碼。

**示例:

<

!doctype html>

"utf-8"

>

<

/title>

<

/head>

"radio" name=

"***" value=

"男"/

>男

"radio" name=

"***" value=

"女"/

>女

function t()

}"***")[0].checked=true;

//預設選中

"***")[1].disabled=true;

//禁止使用

<

/script>

"button" name=

"button" id=

"button" value=

"測試" onclick=

"t()"

/>

<

/body>

<

/html>

<

!doctype html>

"utf-8"

>

<

/title>

<

/head>

"checkbox" name=

"hobby" id=

"hobby" value=

"籃球"

/>籃球

"checkbox" name=

"hobby" id=

"hobby" value=

"足球"

/>足球

"checkbox" name=

"hobby" id=

"hobby" value=

"網球"

/>網球

"checkbox" name=

"hobby" id=

"hobby" value=

"羽毛球"

/>羽毛球

"checkbox" name=

"hobby" id=

"hobby" value=

"桌球"

/>桌球

"button" name=

"button" id=

"button" value=

"測試" onclick=

"t()"

/>

var elements = document.

getelementsbyname

("hobby");

function t()

}}elements[0]

.checked=

true

;//設定某項預設選中

//elements[1].disabled=true;

<

/script>

<

/body>

<

/html>

未注釋掉**前預設選中籃球

注釋**後,可任意選擇選項,且控制台上輸出對應的value。

<

!doctype html>

"utf-8"

>

<

/title>

<

/head>

"provience"

>

"">——請選擇——<

/option>

"北京市"

>北京市<

/option>

"河南省"

>河南省<

/option>

"河北省"

>河北省<

/option>

"**自治區"

>**自治區<

/option>

<

/select>

"button" name=

"button" id=

"button" value=

"測試" onclick=

"t()"

/>

function t()

}"provience").options[1].//selected=true;

document.

getelementbyid

("provience"

).disabled=

true

;<

/script>

<

/body>

<

/html>

執行結果:

此時預設選中北京市,禁止選擇其他option。

注釋**後可任意選擇其他選項,並在控制台上輸出。

html之表單總結

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

html 表單標籤總結

input type 制定輸入項的型別 text 文字 password 密碼 radio 單選項 checkbox 核取方塊 file 上傳檔案 submit 提交按鈕 button 普通按鈕 reset 重置按鈕 hidden 隱藏域 date 日期型別 tel 手機號 number 只允許輸入...

html中表單使用總結

html中表單使用總結 1.表單的標準格式 其中method的值可以使get或者是post 區別在於get請求時,資料大小不能超過2k,同時請求的內容會出現在位址列上。post請求時,一般請求資料不能超過8m 但是可以通過設定加大。同時請求引數放在主體中,不會被看到。隱蔽性好。action是請求的u...