发表于: 2018-12-01 23:05:22

1 754



今天完成的事情:

1、今天主要继续制作了task10,完成了差不多一半,明天争取完成。


明天计划的事情:

1、明天主要计划继续制作task10,争取完成。

2、明天需要讲小课堂,所以要再熟悉一下相关资料。


遇到的问题:

1、今天还好,没有遇到太难的问题,不过在制作单选按钮的时候卡了很久,还不是很熟,明天要再多多熟悉一下。


收获:

1、 <radio>单选按钮表单控件

一、单选按钮控件语法   

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

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

二、radio单选按钮语法案例

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、案例截图


2、通过css实现单选按钮效果:

刚刚入门(可能还没入门)的小前端,遇见两次实现单选按钮的效果,如下:


现在总结一下实现这两种样式的代码。

第一种:


这个是css中需要的图片。

第二种




禅道:http://task.ptteng.com/zentao/project-task-915.html





返回列表 返回列表
评论

    分享到