изображение работает как кнопка отправки

Я делаю код, уже написанный предыдущей командой разработчиков, и я наткнулся на код 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, Vineet

источник

2013-05-15 Vineet

Сначала отправьте свой код в удобочитаемый формат. –

@MyHeadHurts, OP никогда не упоминал, что его код не работал. Ему было интересно, как изображение действует как кнопка отправки. –

@ShankarDarodaran Извините, я слишком быстро прочитал этот вопрос. Я удалю свой комментарий. Спасибо, что указали –

Когда тип из input является image он выступает в качестве кнопки отправки. Его часть спецификации.

image: графическая кнопка отправки. Вы должны использовать атрибут src для определить источник изображения и атрибут alt для определения альтернативного текста . Вы можете использовать атрибуты height и width для , определяя размер изображения в пикселях.

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 спросил, почему изображение работает как кнопка отправки. –

изображение работает как кнопка отправки

ответ

Смежные вопросы