HTML5input表單的基本知識

2021-10-24 11:55:58 字數 2294 閱讀 5157

input的基本屬性:

屬性規定當提交表單時,向何處傳送表單資料。
checked:預設被選擇

例:

type

="radio"

name

="xingbie"

checked

="checked"

>

checkbox:核取方塊

例:

type

="checkbox"

name="

">

radio:單選框

例:

type

="radio"

name="

">

password:輸入文字被隱藏 / 密碼

例:

type

="password"

>

text:文字

例:

type

="text"

value="

">

例:

type

=「date」

>

輸入顏色:color

例:

type

="color"

>

button:按鈕

例:

type

=「button」

value(顯示按鈕上的文字)

=「」>

reset:重置按鈕

例:

type

=「reset」

value(顯示按鈕上的文字)

=「」>

submit:提交按鈕

例:

type

=「submit」

value(顯示按鈕上的文字)

=「」>

輸入數字number(不能輸入別的)

例:

type

=「number」

>

注意!!!!!
type

="checkbox"

>

和 type

="radio"

>

中必須設定 value 屬性。

value 屬性無法與

type

="file"

>

一同使用。

type

="submit"

value

="搜尋"

>

type

="button"

value

="提交"

>

type

="reset"

value

="我是"

>

結果:

**展示

type

="text"

value

="搜尋"

>

type

="password"

value

="提交"

>

type

="hidden"

value

="我是"

>

結果

**展示

type

="checkbox"

value

="搜尋"

>

type

="radio"

value

="提交"

>

type

="image"

value

="我是"

>

結果

屬性為 input 元素設定值。

HTML5 INPUT新增屬性

input新增的這些屬性,使得html和js的分工更明確了,使用起來十分舒暢。我們先看下input新增了的屬性 新增屬性一 autoconmplete autoconmplete可以賦值為 on 或者 off。當為 on的時候,瀏覽器能自動儲存使用者輸入的內容。當使用者返回到曾經填寫過值的頁面的時候...

html5 Input限制輸入

js判斷只能是數字和小數點 測試寫了type屬性有時會失效 1.文字框只能輸入數字 小數點也不能輸入 input onkeyup this.value this.value.replace d g,onafterpaste this.value this.value.replace d g,2.只能...

html5 input輸入實時檢測以及延時優化

有個專案是,這麼個情況,輸入框,實時監測輸入,觸發請求。第一想法是input 上的onchange 方法,試了一下,不好用,是值等更改確認了,才會觸發,不即時。上網查了一下,fix on input propertychange function event 方法的確可以用,但是實時更改。傳送的頻率...