HTML5 表單提交

2021-07-15 15:03:44 字數 2399 閱讀 6669

html5的確是大勢所趨 現在就來說下html 5

當你看到你的頁面標頭是這樣 證明是h5咯 ,以往的頁面開頭總是很長 現在簡單多了

charset="utf-8">
這個是編碼格式咯 或者是別的
這時候就說說 吧

action="提交位址"

method="get/post"

onsubmit="return checked() //提交前的檢查 ">

首先請看 action

action 提交的位置 (你所需要的)

method 提交方式 get,post,put,delete 今天就只說 get 和post(對應主題 表單提交)

get : 大小有限 每個瀏覽器的不一樣 ie的就大一點 2k還多一點 以?分割url和傳輸資料,引數之間以&相連,如:login.action?name=hyddd&password=idontknow&verify=%e4%bd%a0%e5%a5%bd。如果資料是英文本母/數字,原樣傳送,如果是空格,轉換為+,如果是中文/其他字元,則直接把字串用base64加密,得出如:%e4%bd%a0%e5%a5%bd,其中%xx中的xx為該符號以16進製表示的ascii。

post :大小明顯比get 大 然後是密文傳輸 ==安全(相對的 )

其實html 5的效驗已經能夠幫我們遮蔽很多使用者的非法輸入了

但是 你還是加上吧

function

checked

()

得到你上面判斷的結果了就可以提交到你想要的 服務端了

自己是乙個半吊子的.net程式設計師 還是用下我們常用的 .ashx 檔案來處理吧 (終於這時候不用寫 xmlhttprequest 。 翻身農奴把歌唱 !!!!)

id="form1"

runat="server"

action="adduserhandler.ashx"

method="post"

onclick="return check()">

請輸入使用者名稱td>

type="text"

id="user_name"

placeholder="請輸入名字"

name="user_name"

required="required" />

td>

tr>

請輸入emailtd>

type="email"

id="user_email"

name="user_email"

placeholder="請輸入郵箱"

required="required" />

td>

tr>

請輸入年紀:td>

type="number"

id="user_age"

name="user_age"

required="required"

value="18"

step="1" />

td>

tr>

請輸入建立金額td>

type="number"

id="user_pace"

name="user_pace"

required="required"

value="2000"

step="500"

max="5000"/>

td>

tr>

colspan="2">

type="submit"

value="新增" />

td>

tr>

table>

div>

form>

body>

是不是有什麼 required , step, max ,….找個日子吧h5裡面的新屬性加上來 畢竟可以讓我們少寫好多** 哈哈(懶吧 那就對了 不懶怎麼會進步呢?)

其實你會覺得為什麼 又是 id 又是 name 對不對? 那就告訴你好了 在action 提交的時候 id 他是不認的 你需要給name form 在 submit 按下的時候就會獲取到這些資訊 然後提交到服務端

ashx的就是非常簡單的咯

context.response

.contenttype = "text/plain"

; dbfistentities db = new dbfistentities();

userinfo u = new userinfo();

trycatch (exception)

具體就是這樣了 的確這篇部落格沒啥營養,慚愧 。請收下小弟的歉意

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 表單詳解

注 如果文字出現不能自動換行現象,請將遊覽器調成相容模式 元素用於生成表單,該元素不會生成視覺化部分。元素是表單元素中功能最豐富的控制項 元素用於在表單中定義標籤 元素用於在表單中定義按鈕 元素可以將多個元素的值整合成乙個請求。除了可以指定全域性屬性外,還能指定如下幾個屬性 method 指定提交表...