1.
对于表单,你可以指定某些选项为required(必填项),只有当用户填写了该选项后,用户才能够提交表单。
例如,如果你想要一个文本输入框设置为必填项,你可以在 input
元素中加上 required
属性,你可以使用: <input type="text" required>
2.
单选按钮是 input
输入框的一种类型。
每个单选按钮都应该嵌套在自己的 label(标签)
元素中。
所有关联的单选按钮应具有相同的 name
属性。
下面是一个单选按钮的例子:
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
3.
checkboxes(复选按钮)
通常用于可能有多个答案的问题的形式。
复选按钮是 input
的输入框的一种类型。
每一个复选按钮都应嵌套在其自己的 label
元素中。
所有关联的复选按钮输入应该具有相同的 name
属性。
以下是一个复选按钮的示例:
<label><input type="checkbox" name="personality"> Loving</label>
4.
使用 checked
属性,你可以设置一个单选框和复选框默认被选中。
为此,只需在 input
元素中添加属性checked
。例如:
<input type="radio" name="test-name" checked>
5.
通过用空格分隔多个 class 属性,可让 HTML 元素应用多个 class 属性:
class="class1 class2"
注意:在 HTML元素中列出这些 class 的顺序并不重要。
然而,<style>
部分中的 class
声明的顺序是重要的,第二个声明将始终优先于第一个声明。因为 .blue-text
是第二个声明,它会覆盖 .pink-text
的属性。
6.
我们来给 pink-text 元素的 color 声明加上关键字 !important
,以使 100% 确保你的 h1
元素是粉色的。
举例如下:
color: pink !important;