提交按钮？提交按钮图片

这篇文章给大家聊聊关于提交按钮，以及提交按钮图片对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

button提交数据

<formaction="login"id="myForm">

用户名：<inputtype="text"name="username"/><br/>

密码：<inputtype="password"name="psw"/><br/>

<inputtype="button"onclick="myRegister()"value="提交"/>

<inputtype="reset"value="重置"/>

</form>

functionmyRegister(){

document.getElementById("myForm").submit();

}

在servlet页里边用

Stringusername=request.getParameter("username");//引号里写你要接受参数的name属性值。

这样就接受到了

表单元素之提交按钮

表单元素的按钮类型我们可以分为三种：

提交和重置按钮只能在表单中使用，普通按钮则可以在网页的任何地方都可以使用。

当submit按钮被单击时，按钮所在表单中的数据将自动提交到服务器，并不需要编写任何脚本。

reset按钮被单击时，按钮所在的表单中的所有元素都将被清空，或者是设置为元素的默认值。（页面第一次加载时元素所具有的值）

动手小练习

html用图片代替提交按钮问题

给type为image的input添加onclick事件：

<formname="RedForm"action="#">

<inputtype="image"name="..."src="..."onClick="document.formName.submit()">

</form>

fromName是表单的name属性。

这段代码没有问题。复制测试是可以正常运行的。所以JavaScript出错应该是Javascript代码写错。

扩展资料：

美化提交按钮的另一个方法：

用css为按钮设置背景图片。

提交按钮的class为formsubmit：

.formsubmit{

background:url(../button.png)no-repeatbottomleft;

width:247px;

height:60px;

cursor:pointer;

border:0px;

}

设置鼠标经过的效果：

.formsubmit:hover{

background:url(../button_2.png);

}

OK，关于提交按钮和提交按钮图片的内容到此结束了，希望对大家有所帮助。