HTML复选框跟提交按钮组合设置
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的值都是一样的，应该因为这些复选项是一组的缘故
这样就完成了对复选框的设定
最后的提交-->
<!-- 在这个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的值都是一样的，应该因为这些复选项是一组的缘故
这样就完成了对复选框的设定
最后的提交-->