html 限制輸入數字大小,HTML筆記（HTML元素-表單）

表單為網頁提供一種交互功能，可用於搜集用戶輸入的不同類型的數據

1 表單

制作表單可以類比一下制作表格，列表。舉例子制作表格時，一開始要定義

元素里。而真正實現提供用戶輸入信息不同方法的表單元素(如選項菜單)，也就是內嵌在這里面了。

元素有action和method屬性，用來定義服務器腳本運作的，由於還沒學，這里就先不講述了。

那么，表單里可以有些什么呢？

1.1 元素

表單元素在表單世界里扮演很多角色，說是最重要的表單元素也不為過了。元素是 空元素，而且有很多形態，根據屬性tpye的不同而不同。

每個輸入字段必須設置一個 name 屬性，因為服務器腳本通常會使用到這個名字。

1.1.1 文本輸入(type=”text”)

當屬性tpye="text"時，用於定義輸入單行文本，同時它還有一些可選屬性：

value 屬性：定義初始值，默認值，提交會成功(輸入文本類型通用)

placeholder 屬性：定義提示值，為填寫表單的人提供一些提示，一旦點擊該文本域，占位文本會消失，提交不會成功(輸入文本類型通用)

required 屬性：這是適合於所有表單控件的屬性，定義這個域是必要的(下面的元素元素介紹不再重復)

maxlength 屬性：定義最大字符數(對元素無效)

size 屬性：定義表單顯示大小(最大的容納字符數)

list 屬性：通過定義 元素，實現輸入文本下拉預定義列表，list 屬性必須為 元素的id

名字：

定義list 屬性例子：

1.1.2 單選鈕輸入

當屬性tpye="radio"時，用於定義包含單選鈕控件(相關選項共用一個name )。

它還有一個必選屬性value 來定義當前按鈕的意義值，同時它還有個可選屬性checked ，用來指定默認值。

性別： 男 女

1.1.3 復選框輸入

當屬性tpye="checkbox"時，用於定義包含多個按鈕只能單選的控件(相關選項共用一個name )。

復選框與單選鈕類似，都是擁有必選屬性value 以及可選屬性checked。

性別： 男 女

1.1.4 密碼輸入

當屬性tpye="passwords"時，與輸入文本類似，只是在文本輸入時會自行添加掩碼。

1.1.5 提交輸入

當屬性tpye="submit"時，定義提交按鈕，用來提交表單給服務器腳本，其中value 屬性值為按鈕顯示名字。

1.1.6 定義按鈕

當屬性tpye="button"時，定義按鈕，注意這里的定義按鈕不是提交表單按鈕，多數情況下是用於通過 JavaScript 啟動服務器腳本

同時還有一些HTML5增加的新類型

1.1.7 數字輸入

當屬性tpye="number"時，用於限制只能輸入數字，而且通過一些可選屬性還可以指定數字的范圍。

max 屬性：定義最大值

min 屬性：定義最小值

step 屬性：定義數值間隔

1.1.8 其他類型的元素

元素的type值還有很多，諸如 email，color，tel，url，range，date等等。想進一步了解可到W3C。

除了 元素，

元素還有一下內嵌表單元素。

1.2 文本區(textarea)

元素與 元素的文本輸入不同，文本區可以輸入多行文本，不能限制字數，同時不是空元素，元素內容為文本區初始文本。而其中可選屬性

rows 屬性：定義文本區外觀高度為多少個字串符

cols 屬性：定義文本區外觀寬度度為多少個字串符，超過會生成滾動條

以上外觀都可以由CSS定義

有蚊子。。

1.3 下拉列表選擇(select)

元素會在頁面中定義一個下拉列表的菜單控件，要與 元素結合使用。

注意的是 元素不是一個空元素(結合 元素的選項按鈕，試想一下，一個選項要有顯示給用戶的名字同時也要有返回服務器的返回值，而 元素的value屬性值為返回值，元素內容為顯示給用戶的名字。)

蘋果

香蕉

橙子

1.5 按鈕(button)

元素與 相比，提供了更為強大的功能和更豐富的內容，比方說按鈕可以是文本或圖像等。

發表評論