欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

html <radio>单选按钮表单控件

radio单选按钮应用截图
radio单选按钮应用截图

一、单选按钮控件语法   -   TOP

<input name="Fruit" type="radio" value="" />

使用html input标签,name为自定义,type类型为“radio”的表单,

二、radio单选按钮语法案例   -   TOP

1、html代码片段:

  1. <form action="" method="get"> 
  2. 您最喜欢水果?<br /><br /> 
  3. <label><input name="Fruit" type="radio" value="" />苹果 </label> 
  4. <label><input name="Fruit" type="radio" value="" />桃子 </label> 
  5. <label><input name="Fruit" type="radio" value="" />香蕉 </label> 
  6. <label><input name="Fruit" type="radio" value="" />梨 </label> 
  7. <label><input name="Fruit" type="radio" value="" />其它 </label> 
  8. </form> 

2、案例截图

html radio用法案例截图
html radio用法案例截图

3、html单选radio案例在线样式

演示:案例演示

扩展知识
1、html input
2、html 多选按钮checkbox
3、html input提交按钮

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h490.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。