關於button和form提交的一些問題

2022-05-17 17:19:32 字數 1323 閱讀 7450

1.form 中type 為submit 和button的區別

submit是button的乙個特例,也是button的一種,它把提交這個動作自動整合了。

如果表單在點選提交按鈕後需要用js進行處理(包括輸入驗證)後再提交的話,通常都必須把submit改成button,即取消其自動提交的行為,否則,將會造成提交兩次的效果,對於動態網頁來說,也就是對資料庫操作兩次。或者在使用submit時驗證時加return true或false。

submit和button,二者都以按鈕的形式展現,看起來都是按鈕,所不同的是type屬性和處發響應的事件上,submit會提交表單,button不會提交表單.

兩者主要區別在於:

submit預設為form提交,可以提交表單(form).

button則響應使用者自定義的事件,如果不指定onclick等事件處理函式,它是不做任何事情.當然,button也可以完成表單提交的工作.

input   type=submit 即傳送表單,按回車提交表單   

input   type=button 就是單純的按鈕功能,提交的是innertext

2.本人所做的乙個小例項

<

form

id="search-form"

>

<

input

type

="text"

name

="keyword"

placeholder

="搜尋明星名稱"

/>

<

input

type

="hidden"

name

="category"

value

="明星"

/>

<

button

type

="button"

onclick

="changekeyword(this);"

>搜尋

button

>

form

>

在按下這個按鈕的時候並不想它直接提交,而是去執行乙個函式。就可以這樣寫,把type改成button就會去執行函式.

這時候又遇到了另外乙個問題,我想得到keyword裡面輸入的關鍵字該怎麼辦,解決方法。

function changekeyword(elem)

這個就會把整個form裡面的值都列印出來。

如果要得到單個的值,也可以這樣

function changekeyword(elem)

這樣就可以得到keyword的值

關於libcurl模擬提交form

因為本人對web機制了解較少,在使用c libcurl中遇到了很多問題。主要的解決方式 1,在網頁原始碼中找到提交form的定位。也就是網頁檔案對應form中的action屬性。往往都是提交到jsp或者php等指令碼中執行的,而不是直接提交到本網頁。2,要注意http頭。http頭的不同會引起網頁的...

關於form表單提交的問題

1.提交form表單,必須獲取到input裡面的值 2.針對以下 將div裡面的值賦給input,先獲取div的值,在jquery裡面 var typetext this text 然後將typetext放到input中,type val typetext type 是input的id 3.form...

form表單提交

表單的enctype屬性 enctype 屬性規定在傳送到伺服器之前應該如何對表單資料進行編碼。value 值 描述在傳送前編碼所有字元 預設 multipart form data 不對字元編碼。在使用包含檔案上傳控制項的表單時,必須使用該值。text plain 空格轉換為 加號,但不對特殊字元...