2018寒假学习（前端总结）

前端

HTML和CSS

表单

placeholder

//输入框
<input type="text"placeholder="cat photo URL">

action

action属性的值指定了表单提交到服务器的地址。

//action
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL">form>

submit

表单中的数据将会被发送到你通过action属性指定的地址上。

<form action="/submit-cat-photo">
  <input type="text" placeholder="cat photo URL">
  <button type="submit">Submitbutton>
form>

required

你可以指定某些选项为必填项(required)，只有当用户填写了该选项后，用户才能够提交表单。

required`属性在Safari浏览器中不起作用

<input type="text" required>

单选按钮

每一个单选按钮都应该嵌套在它自己的label(标签)元素中。

所有关联的单选按钮应该使用相同的name属性。

<label><input type="radio" name="indoor-outdoor"> indoorlabel>
<label><input type="radio" name="indoor-outdoor"> outdoorlabel>

复选按钮（check-box）

每一个复选按钮都应该嵌套进label元素中。

所有关联的复选按钮应该具有相同的name属性。

<label><input type="checkbox" name="personality"> 1label>
<label><input type="checkbox" name="personality"> 2label>

checked

表示已经选中

 <label><input type="radio" name="indoor-outdoor"checked> Indoorlabel>

override

• 在 HTML 中这些 class 如何排序是无所谓的。

• 在