没错,这节课继续讲形式。
因为HTML表单的东西太多,可能要到第9期或者第10期才会结束。
好,同样,我们先来看看本课需要用到的属性:
复选框定义多框按钮定义按钮日期用于应包含日期(年/月/日)的输入字段颜色用于应包含颜色的输入字段范围用于应包含特定范围内的值的输入字段。月用于应包含日期(年/月)的输入字段,周用于应包含日期(年/周)的输入字段。
是的,这门课全是关于属性的。
首先,每个属性的表达式是:
输入类型=”XXX ”
1. checkbox
在问卷中,我们经常可以看到单项选择或者多项选择。在上一课中,我们学习了单选,所以checkbox是多选。
J9e9tB2gZXZhGZSHo4jiaFvuKWLyk6pJcAUnc0kBv670GA/640?wx_fmt=png” />
对,checkbox默认以方框作为效果,用CSS可以更改样式。
2. button
button和提交按钮差不多,点击后可以用onclick做出不同的反应,alert表示提示框
3.date
增加date属性后,可以选择:年/月/日
4.color
增加color属性后,系统会给你一个调色板,选择颜色
5.range
增加range属性后,会显示一个滑块,滑块越往左,数字越小。使用max和min可以选定滑块的最大值和最小值。
6.month,week
这两种元素效果十分相近,与date差不多:
month选择年和月;
week选择年和第几周;
效果如下:
怎么样,是不是非常的简单?
可能会有人说我们在水字数,其实不是的,因为表单的内容很多,就多在它的type后面的属性,所以我们只需要介绍其效果,它们的代码也基本相同,所以我们只需要讲述它的作用即可。这种情况在以后还会出现很多次,比如JS的数组,数字等等。
作者:
Алексей
四五帮帮主,四五dark♂帝国元首(划掉)
喜欢HTML/CSS/JS
07年出生,福建福州人,未来的程序员
素描八级,但是还是要请美工
本来想做小程序,结果开了个公众号天天在那边写稿
wawjf
(我爱微积分)
与楼上同班同学,都是很hj的人(是的
往期内容:
面向05后的HTML教程——第一期
一部分和文本有关的标签
面向05后的HTML教程——第二期
面向05后的HTML教程——第三期
面向05后的HTML教程——第四期
一部分和文本有关的标签(2)
面向05后的HTML教程——第五期
面向05后的HTML教程——第六期
一部分实用的css样式
面向05后的HTML教程——第七期