发表于: 2018-12-01 23:05:22
1 756
今天完成的事情:
1、今天主要继续制作了task10,完成了差不多一半,明天争取完成。
明天计划的事情:
1、明天主要计划继续制作task10,争取完成。
2、明天需要讲小课堂,所以要再熟悉一下相关资料。
遇到的问题:
1、今天还好,没有遇到太难的问题,不过在制作单选按钮的时候卡了很久,还不是很熟,明天要再多多熟悉一下。
收获:
1、 <radio>单选按钮表单控件
一、单选按钮控件语法
<input name="Fruit" type="radio" value="" />
使用html input标签,name为自定义,type类型为“radio”的表单,
二、radio单选按钮语法案例
1、html代码片段:
- <form action="" method="get">
- 您最喜欢水果?<br /><br />
- <label><input name="Fruit" type="radio" value="" />苹果 </label>
- <label><input name="Fruit" type="radio" value="" />桃子 </label>
- <label><input name="Fruit" type="radio" value="" />香蕉 </label>
- <label><input name="Fruit" type="radio" value="" />梨 </label>
- <label><input name="Fruit" type="radio" value="" />其它 </label>
- </form>
2、案例截图
2、通过css实现单选按钮效果:
刚刚入门(可能还没入门)的小前端,遇见两次实现单选按钮的效果,如下:
现在总结一下实现这两种样式的代码。
第一种:
这个是css中需要的图片。
第二种
禅道:http://task.ptteng.com/zentao/project-task-915.html
评论