1. 程式人生 > >關於Form表單的Input輸入物件

關於Form表單的Input輸入物件

Input表示Form表單中的一種輸入物件,其又隨Type型別的不同而分文字輸入框,密碼輸入框,單選/複選框,提交/重置按鈕等,下面一一介紹。

1,type=text 輸入型別是text,這是我們見的最多也是使用最多的,比如登陸輸入使用者名稱,註冊輸入電話號碼,電子郵件,家庭住址等等。當然這也是Input的預設型別。 引數name:同樣是表示的該文字輸入框名稱。 引數size:輸入框的長度大小。 引數maxlength:輸入框中允許輸入字元的最大數。 引數value:輸入框中的預設值 特殊引數readonly:表示該框中只能顯示,不能新增修改。

your name: 2,type=password 不用我說,一看就明白的密碼輸入框,最大的區別就是當在此輸入框輸入資訊時顯示為保密字元。 引數和“type=text”相類似。 your password: 密碼長度小於15 3,type=file 當你在BBS上傳圖片,在EMAIL中上傳附件時一定少不了的東西:) 提供了一個檔案目錄輸入的平臺,引數有name,size。 your file: 4,type=hidden 非常值得注意的一個,通常稱為隱藏域:如果一個非常重要的資訊需要被提交到下一頁,但又不能或者無法明示的時候。 一句話,你在頁面中是看不到hidden在哪裡。最有用的是hidden的值。 your hidden info here:

5,type=button 標準的一windows風格的按鈕,當然要讓按鈕跳轉到某個頁面上還需要加入寫JavaScript程式碼

your button:

6,type=checkbox 多選框,常見於註冊時選擇愛好、性格、等資訊。引數有name,value及特別引數checked(表示預設選擇) 其實最重要的還是value值,提交到處理頁的也就是value。(附:name值可以不一樣,但不推薦。)

a: b: c: name值可以不一樣,但不推薦 a: b: c:

7,type=radio 即單選框,出現在多選一的頁面設定中。引數同樣有name,value及特別引數checked. 不同於checkbox的是,name值一定要相同,否則就不能多選一。當然提交到處理頁的也還是value值。

a: b: c: 下面是name值不同的一個例子,就不能實現多選一的效果了 a: b: c:

8,type=image 比較另類的一個,自己看看效果吧,可以作為提交式圖片

your Imgsubmit:

9,type=submit and type=reset 分別是“提交”和“重置”兩按鈕 submit主要功能是將Form中所有內容進行提交action頁處理,reset則起個快速清空所有填寫內容的功能。