HTML复选框和提交按钮组合设置

<!-- 在这个html文档中我们要编写创建一个复选框的

效果,并且含有一个按钮,当我们点击按钮后面的复选

项目的时候,会记录这个我们 的选项并且在点击summit之后我们的结果会提交到服务器

那么这个效果怎么来实现,我们来看一下这个程序

-->

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<form name="input" action="http://www.w3school.com.cn/html/html_form_action.asp" method="get" >

I have a bike:

<input type="checkbox" name="vehicle" value="Bike"

checked="checked">

<br/>

I have a car:

<input type="checkbox" name="vehicle" value="Car"/>

<br/>

I have an airplane:

<input type="checkbox" name="vehicle" value="Airplane"/>

<br/><br/>

<input type="submit" value="Submit"/>

</form>

<p>如果你点击的是"Submit"按钮,你将把输入的传送到对应的新页面</p>

</body>

</html>

<!-- 我们来看一下这个程序的介绍:我们要创建的是一个复选框,用到的form中的属性是

name="input" action是一个属性表示的是我们将下面的结果是送到哪一个界面,然后是

method的值是get表示的是从网页上获取数据,然后我们来看一下怎样对复选项进行设置

利用都的是input这个标签,并且里面的属性是type的值为checkbox,第一个选项的属性比其他的

属性多一个checked这个属性,然后name的值都是一样的,应该因为这些复选项是一组的缘故

这样就完成了对复选框的设定

最后的提交-->

时间: 2024-08-30 07:07:25

HTML复选框和提交按钮组合设置的相关文章

php处理表单中的复选框问题以及js实现全选

做的一个项目中遇到了全选和取消全选的问题,这是一个很普遍的功能,,虽然我们经常用到,但是真正做起来却发现行不通,在网上找了些,大部分都是ie,但是谷歌内核浏览器不能正常实现,所以经过小小的调整,今天就把调试好的代码发上来供大家参考使用. 首先要记得引用jquery框架,这样写起代码来相对容易点,尤其突出在选择器上. 1 <html> 2 <head> 3 <script src="./libs/js/jquery.min.js"></scrip

如何将checkbox复选框设置为只读

如何将checkbox复选框设置为只读:复选框checkbox并没有readOnly属性,但是如果将其设置为不可用也就是将它的disabled="disabled",checkbox值不会被发送,并且外观呈现灰色,下面就介绍一下如何模拟实现复选框的只读状态.一.原生javascript代码: ckObj.onclick=function(){ return false; } 也就是使用return false取消动作的默认行为,当点击复选框的时候,默认行为就是选中或者取消选中.二.jQ

jQuery实现的checkbox复选框全选和全不选效果

jQuery实现的checkbox复选框全选和全不选效果:复选框的全选和全不选效果在代码中非常的常用,尤其在批量处理的需求中更是如此,下面就通过一个代码实例简单介绍一下如何实现此效果,希望能够对需要的朋友有所帮助,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:

AxureRP7.0基础教程系列 部件详解 Check Box 复选框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Check Box 复选框 常用案例 作为附加选项 复选框经常用来允许用户添加一个或多个附加选项. 选择多个选项 在这个例子中,有多个选项可以选择.新手容易和单选按钮搞混淆,单选按钮只能选择一个. 编辑复选框要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中.复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置. 对齐方式 默认

jQuery选取所有复选框被选中的值并用Ajax异步提交数据

昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据,今天用到了就分享一下. 由于我做的项目一些地方比较复杂,这里我只举一个小例子,能理解就好. 首先,我做了一个简单的多个复选框的界面,如图: 这是一个比较简单的多个复选框提交界面.代码如下: 1 <body> 2 <div> 3 <input type=&quo

自学篇之--js 提取复选框和单选框的值 和纯css的3D按钮

<html> <head> <meta charset="utf-8" content="text/htnl"> <title>button</title> <style type="text/css"> a.button{ position:relative; width: 80px; height: 50px; background-color: red; display

组合框里添加复选框的方法(使用勾选的假象,用图片代替而已,并非QT原生支持)

组合框可以看作是列表框和文本框的组合,因其占据的空间少,使用操作方便,常被界面设计人员用于界面开发设计中,在有限个输入的条件下,组合框常用来代替文本框,这样从用户使用角度来看,更趋人性化,所见即所得.然好的控件永远敢不上应用的步伐,有时常规控件并不能满足应用的需要,经常需要在现有的控件上做扩展.有些应用需要在组合框的列表框的每一项前加复选框,以便可以控制列表框每一项的状态(选中还是未选中),显然现有的组合框(列表框+文本框的组合)不能满足应用要求.那么怎么得到一个超强组合框(列表框+文本框+复选

PHP处理Checkbox复选框表单提交

PHP表单提交页面复选框的名称后要加[],这样在接收页面才能得到正确的结果.表单提交后得到的是一个数组,然后通过访问数组元素得到表单的具体vaule值.得到的checkbox1的值,默认有</br>换行. 表单代码: <form action="" method="post" name="asp"> 复选框1:<input type="checkbox" name="checkbox1[

js做全选,用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false

用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false,当所有checkbox都被选中时,全选按钮也被选中. 详解: 有两种方式使<input type="checkbox" />中的复选框被选中. 方法一:直接在HTML行间中添加checked属性.   eg:<input type="checkbox" checked /> 方法二:使用javascript使in