提交和重置

使用提交按钮,提交数据

语法

<input   type="submit"   value="提交">

type:只有当type值设置为submit时,按钮才有提交作用

value按钮上显示的文字

举例

在浏览器中显示的结果:

使用重置按钮,重置表单信息

只需要把type设置为"reset"就可以。

语法

<input type="reset" value="重置">

type:只有当type值设置为reset时,按钮才有重置作用

value按钮上显示的文字

举例

在浏览器中显示的结果:

form表单中的label标签

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该 label标签相关连的表单控件上)。

语法:

<label for="控件id名称">

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

例子:

<form>
  <label for="male">男</label>
  <input type="radio" name="gender" id="male" />
  <br />
  <label for="female">女</label>
  <input type="radio" name="gender" id="female" />
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" placeholder="Enter email">
</form>
时间: 2024-11-10 11:12:53

提交和重置的相关文章

关于form下提交和重置input按钮默认事件问题

今天用js清空input值的时候死活不行,搞了半天终于可以了..原因是因为默认事件.. HTML代码 <form> <input id="input" type="txt" value="查询"> <input id="submit" type="submit" value="提交"> <input id="reset" ty

input 和 button元素 作为提交、重置、按钮功用的区别。

首先,input元素和button元素 都是可以作为普通按钮.提交按钮.重置按钮的. <input type="button" value="button"> <input type="submit"> <input type="reset"> input元素默认 text类型 <button type="button">button</button&g

HTML 中按钮作为form表单元素提交特性两则 --- 参HTML考标准分析

相同name的submit 类型的input提交行为 描述 这种情况, <input type="submit" name="ACTION" value="Apply"/> <input type="submit" name="ACTION" value="Cancel"/> 其能够作为提交内容, 发送到服务器段的参数的按钮, 对应被点击激活的按钮. 这表示多个

php 跨域 form提交 2种方法

出于安全因素考虑,直接跨域访问是不允许的,下面介绍二种跨域的方法. 一,通过php curl function curlPost($url,$params) { $postData = ''; foreach($params as $k => $v) { $postData .= $k . '='.$v.'&'; } rtrim($postData, '&'); $ch = curl_init(); curl_setopt($ch,CURLOPT_URL,$url); curl_se

ajax提交与普通表单提交的优缺点

一般需要提交整个表单,那么我们就需要提交form表单.比如查询,分页这种. 如果只是做局部刷新,那么可以采用异步ajax提交.这样请求的时候只用传需要的参数,然后请求成功后也不用整体刷新页面,只用局部刷新,这样节省了带宽, 比如我们采用ajax删除的时候. 所以当需要整体刷新的时候,那么就可以采用表单提交. 当要局部刷新的时候,我们采用ajax请求. 提交form表单: function query(){ var frm = document.getElementById("frm")

Django框架开发中避免表单重复提交

Form表单做为web2.0时代的重要角色,也是我们与web网站进行数据交互的重要渠道,但是大家在web网站开发过程中,都会遇到一个问题,那就是如何避免表单重复提交,我们可不确定用户可在提交了一个表单后,是否有足够的耐心等待我们的程序加载完成,如果此时用户不耐烦的在前台重复刷新页面,那么就会造成数据重复提交.信息不准确,因此我们在程序设计时一定要规避这样的问题,接下来介绍一下在Django框架开发中如何避免此问题. 首先说明一下Http协议中两种非常常见的方法GET和POST. 1.GET方法往

带有file标签文件上传的 form ajax提交的方法:jQuery的ajaxSubmit()

这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下. ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script src="htt

ajaxSubmit()提交表单

1.表单提交 submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数.$(selector).submit(function) 使用 preventDefault() 函数来阻止对表单的提交. ajaxSubmit()提交表单,使用第三方插件jquery.form实现: 通常情况下,我们直接通过form提交的话, 提交后当前页面跳转到form的action所指向的页面.然而,很多时候我们比不希望提交表单后页面跳转,那么,我们就可以使用ajaxSubmit(o

html常用单词

htmllss常用单词head头body身体title标题table表格list列表item条款row行column列form表单input输入text文本password密码submit提交reset重置button按钮image图像anchor锚audio音频的video视频ruler标尺division划分label标签style样式script脚本select选择option选项paragraph段落color颜色backgyound背景class类blink闪烁italic斜体soli