作爲提交按鈕的圖像

我做了一些由以前的開發團隊編寫的代碼，我遇到了一個代碼snippt，這有點奇怪，所以請看看它，讓我明白。作爲提交按鈕的圖像

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"> 
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<HTML> 
    <HEAD> 
    </HEAD> 
    <BODY id="ext-gen6" class=" ext-ie ext-ie6 ext-border-box" 
     leftMargin="0" rightMargin="0" topMargin="0" marginheight="0" 
     marginwidth="0"> 
     <TABLE border="0" cellSpacing="0" cellPadding="0" width="100%" 
      height="100%"> 
      <TBODY> 
       <TR> 
        <TD height="85%" vAlign="top" width="80%"> 
         <DIV> 
          <TABLE class="allcolors" border="0" width="100%"> 
           <TBODY> 
            <TR> 
             <TD> 
              <TABLE border="0" cellSpacing="0" borderColor="#6699cc" 
               cellPadding="0" width="100%" height="685"> 
               <TBODY> 
                <TR> 
                 <TD class="threecolors" vAlign="top"> 


                     <FORM id="Report1" 
                      encType="multipart/form-data" 
                      onsubmit="ProgressBar()" method="post" 
                      name="Form2" 
                      action="/cgfsampling/assignReport.do"> 

                       <INPUT id="assign" 
                        src="http://localhost:8080/myProj/images/cation.gif" 
                        type="image" name="" value="" /> 

                     </FORM> 

                    </TD> 


                </TR> 
               </TBODY> 
              </TABLE> 
             </TD> 
            </TR> 
           </TBODY> 
          </TABLE> 
         </DIV> 
        </TD> 
       </TR> 
      </TBODY> 
     </TABLE> 
    </BODY> 
</HTML>

所以請讓我知道爲什麼像正在工作，一個提交按鈕

Thnaks，維尼特

來源

2013-05-15 Vineet

首先，將您的代碼發佈爲可讀格式。 –

@MyHeadHurts，OP從未提及他的代碼無效。他想知道圖像如何充當提交按鈕。 –

@ShankarDamodaran對不起，我很快就讀完了這個問題。我會刪除我的評論。感謝您指出這一點 –

當input的類型是image它作爲一個提交按鈕。它是規範的一部分。

image：圖形提交按鈕。您必須使用src屬性定義圖像的來源和alt屬性以定義替代文字。您可以使用高度和寬度屬性以定義圖像的大小（以像素爲單位）。

Source

來源

2013-05-15 08:47:04

組件的輸入類型SRC屬性被設定爲圖像更早。

您的代碼

<INPUT id="assign" src="http://localhost:8080/myProj/images/cation.gif" type="image" name="" value="" />

下面的代碼可以作爲一個按鍵。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"> 
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<HTML> 
<HEAD> 
</HEAD> 
<BODY id="ext-gen6" class=" ext-ie ext-ie6 ext-border-box" 
     leftMargin="0" rightMargin="0" topMargin="0" marginheight="0" 
     marginwidth="0"> 
<TABLE border="0" cellSpacing="0" cellPadding="0" width="100%" 
     height="100%"> 
    <TBODY> 
    <TR> 
     <TD height="85%" vAlign="top" width="80%"> 
      <DIV> 
       <TABLE class="allcolors" border="0" width="100%"> 
        <TBODY> 
        <TR> 
         <TD> 
          <TABLE border="0" cellSpacing="0" borderColor="#6699cc" 
            cellPadding="0" width="100%" height="685"> 
           <TBODY> 
           <TR> 
            <TD class="threecolors" vAlign="top"> 


             <FORM id="Report1" 
               encType="multipart/form-data" 
               onsubmit="ProgressBar()" method="post" 
               name="Form2" 
               action="/cgfsampling/assignReport.do"> 

              <INPUT type='submit' id="assign" 
                name="" value="Submit" /> 

             </FORM> 

            </TD> 


           </TR> 
           </TBODY> 
          </TABLE>

來源

2013-05-15 08:47:56

我認爲圖像也會提交表單。 –

那麼我沒有說它不會提交..我呢？ :)。 OP問爲什麼圖像作爲提交按鈕工作。 –

作爲提交按鈕的圖像

回答

相關問題