通过清心醉

自写HTML5

常见有调查选择
提供用户多选,单选等。
以下为代码:

<!– forms表单 –>
<html>
<title>多表单属性</title>
<body>
 <form action=”OK.html” method=”post”>
 你喜欢的计算机哪些专业:
 <br/>多选框<br/>
 <!– name取同一个,表示都是对专业调查(产品)的表单 –>
 <input type=”checkbox” name=”computer” value=”C++”>C++
 <input type=”checkbox” name=”computer” value=”PHP”>PHP
 <input type=”checkbox” name=”computer” value=”JAVA”>JAVA
  <!–type参数有文本,单选多选择等等 method为传送格式,GET和POST,name和框架一样是名字
如果结合PHP,name属性里的参数可以通过GET和POST传送到PHP进行后台处理等–>
 <br/>
 你的性别:
 单选框
 <br/>
 <input type=”radio” name=”man” value=”boy”>男
 <input type=”radio” name=”man” value=”girl”>女
 <!–如果name的不一样,点了男在点女时,两个都会同时勾上,因为不同的对象了。–>
 <br/><br/><br/><br/>
 <!–如果希望偷偷的提交数据,不影响界面效果,可以使用以下隐藏域–>
 隐藏域
 <br/>
 <input type=”hidden” name=”data” value=”ok” />  <br/>
 <!–把Ok的值传递,服务器调取时首先也是要找到name 然后取值–>
 <input type=”submit” value=”传送选择数据”/> <br/><br/><br/>
 <!–当用户选择了专业和性别后,点”传送选择数据时”,页面即将所属name区域的对应参数发送–>
 <input type=”image” src=”pig.gif” /> <br/>
 快点我提交数据哦
 <!–以上代码是以图片的形式,代替传统的按钮来传递数据–>
 </form>
</body>
</html>

以下为文件地址:
http://url.cn/Qiuw8P

 

关于作者

清心醉 administrator

发表评论

请输入验证码: