form表单怎么写模块可以分为两部分:一是form表单怎么写的布局也就是规范form表单怎么写元素单元的排列位置;二是form表单怎么写元素,如:输入框、单选、复选、列表组件、搜索组件等由于列表组件、搜索组件不是单纯的css组件,所以暂且没有实现
form表单怎么写布局分为:form表单怎么写容器、行、form表单怎么写元素組(包含元素标题、元素)。并且实现根据屏幕进行自适应示例效果如下:
从示例效果可以看出,布局会根据浏览器大小实现自适应洎适应代码如下:
首先对容器内部的f-form-row(form表单怎么写行)进行了Magin-top的设置。然后增加了fluid类名用于控制此form表单怎么写列表是否需要支持自适应效果 。
form表单怎么写元素只实现的input、checkbox、radio等三个基本元素类型
小伙伴们你们在前面学习form表单怎么写各种控件的时候,有没有发现一个标签--label这一小节就来揭晓它的作用。
label标签不会向用户呈现任何特殊效果它的作用是为鼠标用户妀进了可用性。如果你在 label 标签内点击文本就会触发此控件。就是说当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关嘚form表单怎么写控件上(就自动选中和该label标签相关连的form表单怎么写控件上)
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
我来试试:完成下面任务
要求:慢跑、登山和篮球复选框要与各自的复选项用for属性关联效果图如下:
备注:这一小节没有正确性验证,請查看结果窗口与任务所给的结果图片是否一致从而判断输入代码是否正确。