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的值都是一样的,应该因为这些复选项是一组的缘故
这样就完成了对复选框的设定
最后的提交-->
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值