表單:
:是乙個容器,其中會放置各種表單元件。
裡面有:
method屬性:設定值可以是
post
和get,get
方式傳送資料時會直接加在
url之後,
post
方式是將資料封裝之後再傳送,字串長度沒有限制,資料安全性比較高。
action屬性:表單通常會與
asp或
php等資料庫程式配合使用,用來指出傳送的目的地。
enctype屬性:
entype=」multipart/form-data」:用於上傳檔案的時候。
entype=」text/plain」:將表單屬性傳送到電子信箱。
target屬性:指定提交到哪乙個視窗,
_blank 開啟新視窗
_self 當前的視窗
_parent 上一層的視窗
_top 最上層的視窗
autocomplete屬性:用來設定
input
元件是否使用自動完成功能 有on和
off兩種
novalidate:用來設定是否要在傳送表單時候驗證表單
輸入元件:
文字框text:
type=」text」 :輸入方式為文字框
name=」username」 文字框的名稱
value=」guest」 預設值
size=」10」 文字框長度
maxlength=」10 限制文字框的字數
autofocus: 指載入網頁之後,自動將游標移動到此文字框
多行文字框textarea:
name=」name」 文字框的名字
cols=」20」 文字框的寬度
rows=」4」 文字框的行數
wrap=」virtual」 是否換行,hard是換行,
soft
是不換行
密碼域password:
日期域date:
數字域number:
顏色color:
範圍域range:
查詢域search:
查詢" placeholder="">
列表元件:
select元件: 1
2 34 5
size表示顯示多少行。
multiple
選項可以多選。
datalist元件:
必要的指定id
提示使用者輸入
選擇元件:
單選按鈕radio:
女" checked>女
男" >男
name=」」 元件的名稱,name屬性值相同的
radio
元件會被視為同一組的元件。
value=」」 radio元件的值,當表單被提交時,已選擇的
radio
元件的value
值就會被傳送。
checked:表示已經選擇這一項
核取方塊checkbox:
name=」」 元件的名稱,name屬性值相同的
radio
元件會被視為同一組的元件。
value=」」 radio元件的值,當表單被提交時,已選擇的
radio
元件的value
值就會被傳送。
checked:表示已經選擇這一項
按鈕組鍵:
submit按鈕: 提交
">
name:按鈕的名字
value:按鈕顯示的字
rest \ button也是一樣使用。
表單分組:
分組標題
分組內容
HTML5智慧型表單
1 便於排版的form表單 html5為了方便排版,可以使form的表單標籤脫離form的巢狀。方法 form指定id,所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...
HTML5表單屬性
1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性 8 input form...
HTML5 表單提交
html5的確是大勢所趨 現在就來說下html 5 當你看到你的頁面標頭是這樣 證明是h5咯 以往的頁面開頭總是很長 現在簡單多了 charset utf 8 這個是編碼格式咯 或者是別的這時候就說說 吧 action 提交位址 method get post onsubmit return che...