1.7 提交按钮

1.7 提交按钮
提交按钮用于将form提交到后台服务器端,一个form中可以存在多个,它的形制可以有三种选择。

1.7.1 基本形制
1.7.1.1 基本形制-input形式
<form action="Verify">
    Name:<input type="text" name="name"/><br/>
    Password:<input type="password" name="pswd"/><br/>
    Address:<input type="text" name="addr"/><br/>
    <input type="submit" value="Verify">
</form>
这种形制是最为常见的方式。

1.7.1.2 基本形制-button形式
<form action="Verify">
    Name:<input type="text" name="name"/><br/>
    Password:<input type="password" name="pswd"/><br/>
    Address:<input type="text" name="addr"/><br/>
    <button type="submit">Verify2</button>
</form>
这种形制不少见,完全可以取代第一种方式。
    
1.7.1.3 基本形制-图片形式
<form action="Verify">
    Name:<input type="text" name="name"/><br/>
    Password:<input type="password" name="pswd"/><br/>
    Address:<input type="text" name="addr"/><br/>
    <button type="submit"><img src="mpeg.png"/></button>
</form>
这种形制可以采用图片,颜值远高于上面两种。

1.7.2 常见属性
1.7.2.1 类型type
凡是提交按钮类型必须为submit,上面三种都是。

1.7.2.2 值value
它是input形式提交按钮表面的文字

版权所有 转载请注明作者出处

2016年8月2日15:36:46

时间: 2024-12-09 20:16:14

1.7 提交按钮的相关文章

HTML:下拉列表框、提交按钮、重置按钮

<body> <form action="save.php" method="post"> <label>爱好:</label> <select multiple="multiple">//multiple表示许多的,倍数,在浏览器里面按下ctrl+单击就可以多选 <option value="看书">看书</option> <optio

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能. 主要代码如下: <html> <body> <form method="get" action="" target="box"> <input id="buttonid" ty

CSS3实现了提交按钮等待打点循环效果

CSS3实现了提交按钮等待打点循环效果:本章节分享一段代码实例,它实现了提交按钮打点等待效果.这样的效果是比较人性化的,可以让用户很容易的指导,网页是在工作中,只需要耐心等待就可以.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.co

ios上有时候提交按钮点击两次才可以取消输入框软键盘

ios上有时候提交按钮点击两次才可以取消输入框软键盘,点击第一次软键盘消失,点击第二次输入框页面消失,这样用户体验不好.我的做法是用 touchstart 代替click来处理 反应快,但是有时候会出现 输入框消失后 软键盘又弹出来了,得手动关闭软键盘才可以,这个时候给输入框一个主动取消焦点的事件就可以解决 $("..").blur();

ASP.NET怎么防止多次点击提交按钮重复提交

今天做一个系统,由于服务器有点慢,所以常会被点击两次或三次,提交的数据就是多次了.所以要让按钮点击后,不能再次点击. 对于一个按钮,要让变成恢色的,只要this.disabled=true就可以了,可是在.NET里,添加了ONCLICK后,就无法提交信息了.所以要加上以下代码. <asp:Button ID="btnSub" runat="server" Text="回复" OnClick="btnSub_Click"

asp.net中如何防止用户重复点击提交按钮

asp.net中如何防止用户重复点击提交按钮 asp.net 中防止因为网速慢等影响交互的问题导致用户可能点击多次提交按钮,从而导致数据库中出现多条重复的记录,经过亲自验证在网上找的方法,找到两个切实可行的方法:第一种方法1.页面前台按钮: <asp:Button ID="btnSumbit" runat="server" Text="提交" onclick="btnSumbit_Click" /> 在后台Page

鼠标移动表单变色及搜索框内图片提交按钮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

10.:submit提交按钮选择器

通常情况下,一个表单中只允许有一个“type”属性值为“submit”的提交按钮,使用:submit选择器可获取表单中的这个提交按钮元素. 例如,在表单中添加多个不同类型的按钮,使用:submit选择器获取其中的提交按钮,并使用attr()方法修改按钮显示的文本内容,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用:submit选择器从三种类型按钮中获取了提交按钮,并使用attr()方法将该按钮显示的文字修改为“点我就提交了”.

一个表单两个提交按钮的实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

使用提交按钮,提交数据

在表单中有两种按钮可以使用,分别为:提交按钮.重置.这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮. 语法: <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字 举例: 在浏览器中显示的结果: