HTML标签-创新互联

2 img标签和a标签

    
    
    
    

    




RNG never give up
RNG who is you winner




RNG图片


回到顶部

target：

• _blank表示在新标签页中打开目标网页
• _self表示在当前标签页中打开目标网页

3 列表标签

1.无序列表

type属性：

• disc（实心圆点，默认值）
• circle（空心圆圈）
• square（实心方块）
• none（无样式）

2.有序列表

type属性： start是从数字几开始

• 1 数字列表，默认值
• A 大写字母
• a 小写字母
• Ⅰ大写罗马
• ⅰ小写罗马

    
    




    
rsx
    
yf
    
xy



    
rsx
    
yf
    
xy

4 table标签

属性:

• border: 表格边框.
• cellpadding: 内边距 （内边框和内容的距离）
• cellspacing: 外边距.（内外边框的距离）
• width: 像素 百分比.（最好通过css来设置长宽）
• rowspan: 单元格竖跨多少行
• colspan: 单元格横跨多少列（即合并单元格）

    

    





       

            

                
name
                
age
                
hobby
            

       
       

            

                
rsx
                
13
                
Python
            
            

                
yf
                
12
                
--
            
            

                
xy
                
14
                
GO
            
       

5 input标签

type属性:

​ text:普通文本输入框
​ password:密文

​ date:日期选择框
​ radio:单选框
​ checkbox:复选框
​ submit:提交按钮
​ button:普通按钮
​ reset:重置
​ file:文件上传
​ hidden:隐藏input框

    
    





用户名:
密码:

男
女

1
2
3
4


    



    

6 form表单

功能：

表单用于向服务器传输数据，从而实现用户与Web服务器的交互

表单能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含textarea、select、fieldset和 label标签。

表单属性

表单元素

基本概念：
HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容。
表单一般用来收集用户的输入信息
表单工作原理：
访问者在浏览有表单的网页时，可填写必需的信息，然后按某个按钮提交。这些信息通过Internet传送到服务器上。
服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。当数据完整无误后，服务器反馈一个输入完成的信息。

点击提交按钮，input中type=submit的那个按钮，然后就会将form表单中所有用户输入的内容或者选择的内容（{name属性:值，}）都发给服务端（以我们自己写的那个socket举例，打印一下接收的内容），但是所有的输入标签必须有一个叫做name的属性。

发现跳到这个页面了：看url的内容，有了我们输入的内容，并且是给你组合起来的，name属性值和你输入的值组合到一起了，通过&符号分隔，并且在路径那里加了个问号

打印一下socket接收的消息，你就发现已经接受到这些数据了

让用户选择的，必须指定一个value值，要不然后端接收不到内容，用户自己填写的标签，不需要指定value值

然后再点击提交，后端打印一下接收的数据：

但是这样并不好，因为url中显示了你的信息，并且如果内容很多的话，你的地址栏不能够输入那么长的内容，为什么会默认拼接到url里面呢，因为form表单默认是get请求提交内容，我们可以改为post，来看看：post会把所有你提交的信息封装到一个消息体里面，在浏览器上就看不到了，对于小白来说，看着安全一些。

点击提交就跳到这个网址了：

在看后端打印的内容：

你会发现一个post请求：

把内容往后拉，就能看到咱们提交的数据了

那么你看，你的浏览器再你点击提交的时候，获取了你所输入的内容，然后通过网络提交给你的服务端代码程序了。

然后我们后端通过提交过来的数据，来做某些事情，该验证的验证，该保存的保存

所以记住form表单里面有两个属性：action控制往哪里提交数据、method控制用什么方式提交。

注意：

form表单提交数据的时候，必须有个submit按钮

    
    





用户名:
密码:

男
女

1
2
3
4


    



    

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。