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 方法的確可以用,但是實時更改。傳送的頻率...