freecodecamp前3章学习记录

发表于   |   分类于   |  

表单form

1
2
3
4
5
6
7
8
<form action=“url”>
    <input type="text" required placeholder="占位符">
</form>
// input元素内的required要求用户在提交前输入内容，否则会弹提示框
// placeholder在input没输入内容前显示
// action的属性值为URL，包括绝对URL和相对URL
绝对URL指向其他站点  比如action="http://www.example.com/example.htm"
相对URL指向网站内的一个文件  比如 action="example.htm"

单选按钮radio和复选按钮checkout

  • 单选和复选按钮必须包含在label标签内
  • 所有单选和复选按钮必须有相同的name
  • <input>的type属性值为radio表示单选按钮，checkbox表示复选按钮
  • 默认设置勾选只需在对应的input元素上加checked
    1
    2
    3
    4
    5
    6
    7
    <form>
        <label><input type="radio" name="in-out">in</label>
        <label><input type="radio" name="in-out">out</label>
        <label><input type="radio" name="one-two-three">one</label>
        <label><input checked type="radio" name="one-two-three">two</label>
        <label><input type="radio" name="one-two-three">three</label>
    </form>

css选择器

！important > inline-style > id选择器 > class选择器（后定义的class会覆盖先定义的）

1
.class {color: red !imporant;} //这条会覆盖所有的样式