1. 程式人生 > >Form表單屬性及其常用的INPUT控制元件

Form表單屬性及其常用的INPUT控制元件

<form>表單常用屬性有以下幾種:

name:用來標識這個表單,在javascript中可以通過 document.表單名 來取得這個表單

action:表示這個表單提交時的跳轉路徑

method:表示提交方式,可以選擇post和get,預設為get方式.兩種方式的區別:

    post:所有提交的引數都會隱藏,沒有引數的大小限制,建議使用該方式

    get:所有提交引數都會在位址列顯示,引數總量最大4-5K.不建議使用

enctype:表示表單的封裝方式,只有在進行檔案上傳時才會使用,當執行檔案上傳時,必須將這個值設定為enctype="multipart/form-data"

onsubmit:當表單提交時自動執行的javascript事件,一般在需要進行提交驗證時使用.

表單中的常用控制元件:

<inputtype="text">:文字框,輸入單行文字

<inputtype="password">:密碼框,輸入密碼資訊,所有輸入的資訊會隱藏顯示

<inputtype="button">:普通按鈕,一般用來完成javascript功能的

<inputtype="submit">:表單提交按鈕,點此按鈕提交表單

<inputtype="reset">:表單重置按鈕,點此按鈕表單中的資料回到填寫之前.

<inputtype="radio">:單選按鈕

<inputtype="checkbox">:多選按鈕

<inputtype="hidden">:隱藏域,將一個值隱藏傳遞.

<inputtype="image">:功能和submit提交按鈕相同,但可以顯示圖片.

<textarea></textare>:文字域,輸入多行文字

<select>:下拉列表,需要結合option一起使用

<option>:通過該值為<select>設定選項