middle_Mind 发表于 2022-8-28 15:53:11

Form表单学习进度

本帖最后由 middle_Mind 于 2022-8-28 15:57 编辑

最近终于把表单的部分学完了,最后的调查问卷也做了,收获满满啊~

D:\Quicker\Quicker_20220828_151803.png
(第一次用图片,可能会出现差错,见谅)
相信你们在学input元素是,肯定觉得自己的脑容量要过载了吧~{:5_99:}


要知道,input可是有22各元素啊~{:5_107:}
他们是……
1. button
2. checkbox
3. color
4. date
5. datetime-local
6. email
7. file
8. hidden
9. image
10. month
11. number
12. password
13. radio
14. range
15. reset
16. search
17. submit
18. tel
19. text
20. time
21. url
22. week
每一个都有自己的用法。

语义化……怎么你这么烦啊~~~~{:10_266:}

但让我们分一下类,input这个“石墙”就掉了一半啦~

按钮类(4):
button
submit
reset
image
文本类(7):
text
password
email
tel
url
number
search
选择类():
      框框类(2):
      radio
      checkbox
      日期类(5):
      time
      date
      week
      month
      datetime-local
      其他(3):
      color
      file
      range
?类(1):
hidden

22个,正好(分类可能有误,见谅)

那“石墙”的另一半呢???

那当然是区别使用方法啦~

其实大部分元素都是“字面意思”

举五个例子:
1.button 翻译为“按钮”, 它就真是个按钮。
2.color 翻译为“颜色”, 它就真是个选颜色的。
3.time 翻译为“时间”, 它就真是个选时间的。
4.date 翻译为“日期”, 它就真是个选日期的。
5.password 翻译为“密码”, 它就真是个填密码的。

掌握了这个,大部分就记牢了。

就是“调查问卷作业”有个坑,里面让填姓名,如果按我说的想,会填成……name(我的错,我的错,不要揍我了!!~)

但有几个特例:
radio 收音机, 但是个单选框。
month 月, 但是却和 年 在一起。
range 范围, 但是个滑条。

[思考]

啊这就是我学input时的技巧。

啊~如果觉得这篇文章有用的话不如回复一下发表一下你的意见
那我们下篇文章再见~~~~~~~~~~~~













还有这头像好丑啊啊啊啊



页: [1]
查看完整版本: Form表单学习进度