您的位置：首页 > Web前端 > HTML

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

2015-08-05 16:39 716 查看
<!-- 在这个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的值都是一样的，应该因为这些复选项是一组的缘故

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

最后的提交-->
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航