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

HTML中单选框的设置,和提交按钮之间的组合

2015-08-05 17:20 507 查看
<!-- 带有单选框的表单 -->

<!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">

<!-- 可以看出无论是设置单选按钮还是设置多选按按钮这个地方的的method都应该get,name的值都是input,action都是我们要提交的哪一个值 -->

Male:

<input type="radio" name="Sex" value="Male" checked="checked">

<br/>

Female:

<input type="radio" name="Sex" value="Female">

<br/>

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

</form>

<p>如果你单击"Submit"按钮,你将把输入的传送到那个action所对应的新页面</p>

</body>

</html>

<!-- 其实这个地方的设置复选框和单选框是一样的,我们来看一下

怎样来创建一个单选的按钮也是利用form这个标签,然后我们可以看到 是action这个链接我们数据传输的目的地这个和复选框不同的是input里面属性设置的时候对于值,type的值我们设定为radio,name还是都一样,但是value是不同的,并且第一个选型是含有checked这个属性的大,但是在第二个是不含有这个属性 -->
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: