note10-19

关于配网

IP地址

例：192.168.10.0

CRID形式：192.168.10.0

二进制形式：11000000.10101000.00001010.00000000

IP地址包含网络位与主机位
网络位就是购买的网段，用来指明整个网络上你的位置
主机位则用于分配给下发的各种设备，即用来给交换机下的各个电脑分发

A类地址

网络位为前8位，取值范围为1~126，可容纳16777214台设备
127不可用

B类地址

网络位为前16位，取值范围为128~191，可容纳65534台设备

C类地址

网络位为前24位，取值范围为192~223，可容纳154台设备

D类为组播地址 224.0.0.0-239.255.255.255

E类为未来保留 240.0.0.0-247.255.255.255

越往前越网络位所占位置越少，也就能容纳更多主机位（设备），也更贵

子网掩码

子网掩码的作用是指出一个IP地址中哪一些是网络地址，哪些是主机地址

CRID形式：192.168.10.0
子网掩码：255.255.255.0

合并简写：192.168.10.0/24
方式：
IP地址 / 网络位所占的位数
总共有32位，看网络位占了多少即可,例如上面就占了三分之二的空间，也就是24位

CRID转二进制方法换算方法：

在八位二进制中，使用这8个数：进行相乘后求和，例如168：

128 64 32 16 8 4 2 1

1 0 1 0 1 0 0 0

128 + 32 + 8 = 168

表单2

表单细分2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<form action="#"></form>
            <p>细分input类型： <br>
                name属性可不写，仅做示例，实际需要 <br>
            </p>  

            邮箱 <br>
            <input type="email" name="email1"> <br>

            网址 <br>
            <input type="url" name="url1"> <br>

            数字 <br>
            <input type="number" max="100" min="0" step="2" value="0" name="name1"> <br>            
            附注： 
            <br>

            范围滑块 <br>
            <input type="range" min="30" max="60" name="range1"> <br>

            日期 <br>
            <input type="date" name="date1"> <br>            
            附注：
            <br>

            选取颜色 <br>
            <input type="color" name="color1"> <br>

            搜索，用于目前网页搜索 <br>
            <input type="search" name="search1"> <br>

            标签定义选项列表 <br>    
            <input type="text" name="text1" list="A">
            <datalist id="A">
                <option value="真值1">提示词1</option>
                <option value="真值2">提示词2</option>
            </datalist> <br>
            附注：此标签不会于出现网页中，仅作为与其配合的输入框的待选选项 <br>       

            <br> 示例提交按钮 <br>
            <input type="submit" name="submit1" > <br>       
        </form>

表单属性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<form action="#">            
            表单属性： <br>

            required必填项 <br>
            <input type="text" required> <br>

            placeholder：提示信息 <br>
            <input type="text" placeholder="提示信息示例"> <br>

            pattern正则表达式 <br>
            <input type="text" pattern="">
            有待补充 <br>

            autocomplete自动填充 <br>
            <input type="text" autocomplete="additional-name"> <br>
            属性与预期有出入，待补充 <br>

            <br> 示例提交按钮 <br>
            <input type="submit" name="submit1" > <br> 

            novalidate不验证输入，可加在form标签中以对整个表单生效 <br>            

            autofocus自动获得焦点 <br>
            <input type="text" autofocus> <br>
        </form>