input type

PureOcean2008

不好意思...
想问一下....请问input type可不可以有image叻?

这是我面对困难的code...

1. <input type="image" name="submit" value="submit" src="/ePOS/htmlPage/images/button_signin.jpg" width="120" height="30">

复制代码

可是为什么这个code行不通呢？
而下面这个code却行得通呢？

1. <input type="submit" name="submit" value="submit">

复制代码

我试过问谷哥... 的确是有input type=image的喔....
是不是我哪里出错了？

不好意思要麻烦大家...
谢谢先^^

[ 本帖最后由 PureOcean2008 于 2009-2-10 08:51 PM 编辑 ]

abc_hulala

<input type="image" name="submit" value="submit" src="/ePOS/htmlPage/images/button_signin.jpg" width="120" height="30">

地址不完整 / 失效？

PureOcean2008

原帖由 abc_hulala 于 2009-2-10 09:27 PM 发表


地址不完整 / 失效？

照片有出来....
只是没有办法submit ~

Super-Tomato

原帖由 PureOcean2008 于 2009-2-10 11:04 PM 发表


照片有出来....
只是没有办法submit ~

type 不是 submit 當然就沒有辦法提交, 自己設定 onClick 事件做 submit() 動作

PureOcean2008

原帖由 Super-Tomato 于 2009-2-10 11:11 PM 发表



type 不是 submit 當然就沒有辦法提交, 自己設定 onClick 事件做 submit() 動作

哦~哈哈！
谢谢超级番茄哥哥^^
我去挖挖谷哥怎么做onClick做submit()动作先^^

PureOcean2008

尝试用了onclick="submit();"但是还是行不通....
谷哥找了很多类似的...换了还是行不通....

我试过
<input type="image" name="submit" value="submit" src="/ePOS/htmlPage/images/button_signin.jpg" width="120" height="30" border="0" onclick="javascript:document.forms.posLogonForm.submit();">

可是也进步去噎....
我是新手~不是很熟...
方便指点一下吗？
javascripts是不是要之前先放什么function之类的东西啊？
还是直接onclick="javascript:document.forms.posLogonForm.submit();"这样就能了啊？呵呵

[ 本帖最后由 PureOcean2008 于 2009-2-11 12:41 PM 编辑 ]

Super-Tomato

document.forms.posLogonForm <---- 必須確定這個 node 是正確的, 又或者你的 input 標籤不是置於 form 標籤範圍內


不然的話就給你的 form 加上 id , 然後用 getElementById 來指定, 如

<form action="xxx" method="post" id="logonForm">
     <input type="image" src="xxxx" onClick="document.getElementById('loginForm').submit()">
</form>




p/s: 順便看看這篇規則 http://www.jbtalks.cc/thread-375442-1-1.html

[ 本帖最后由 Super-Tomato 于 2009-2-11 02:32 AM 编辑 ]

PureOcean2008

原帖由 Super-Tomato 于 2009-2-11 02:30 AM 发表
document.forms.posLogonForm  

哦~哈哈！
不好意思哦...改了~
不会再用脑障语了^^

试过加getElementById~可是还是行不通....

1. 
   
2. <form name="posLogonForm" id="loginForm" action="<?php echo $_SERVER['PHP_SELF']?>" method="post">
   
3. Username :
   
4. <input type="text" name="username" maxlength="12" size="16" class="textboxstyle">
   
5. Password :
   
6. <input type="password" name="pass" maxlength="16" size="16" class="textboxstyle">
   
7. <input type="image" name="submit" value="submit" src="/ePOS/htmlPage/images/button_signin.jpg" width="120" height="30" border="0" onClick="document.getElementById('loginForm').submit()">
   
8. </form>
   

复制代码

有哪里出错吗？

Crystal-Mist

<input type="image" name="submit" value="submit" src="/ePOS/htmlPage/images/button_signin.jpg" width="120" height="30" border="0" onClick="document.getElementById('loginForm').submit()">

(更改)
<a  href="javascript:document.posLogonForm.submit();" ><img  src="/ePOS/htmlPage/images/button_signin.jpg" width="120" height="30" border="0"   alt="submit"></a>

相同的功能, 没有必要使用input

[ 本帖最后由 Crystal-Mist 于 2009-2-11 03:16 PM 编辑 ]

PureOcean2008

原帖由 Crystal-Mist 于 2009-2-11 03:14 PM 发表


(更改)


相同的功能, 没有必要使用input

谢谢...
试了...还是不行~