码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-08-05 18:29:02      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:html   html标签   复选框   提交   input标签   

<!-- 在这个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复选框和提交按钮组合设置

标签:html   html标签   复选框   提交   input标签   

原文地址:http://blog.csdn.net/datouniao1/article/details/47299633

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!