表单标签学习

表单标签:
<form>:表单标签是最常用的标签,用于与服务器端的交互。
<input>:输入标签 :接收用户输入信息。其中的type属性指定输入标签的类型。
            (1)文本框 text。输入的文本信息直接显示在框中。
            (2)密码框 password。输入的文本以原点或者星号的形式显示。
            (3)单选框 radio 如:性别选择。
            (4)复选框 checkbox 如:兴趣选择。
            (5)隐藏字段 hidden 在页面上不显示,但在提交的时候随其他内容一起提交。
            (6)提交按钮 submit 用于提交表单中的内容。
            (7)重置按钮 reset 将表单中填写的内容设置为初始值。
            (8)按钮 button 可以为其自定义事件。
            (9)文件上传 file 后期扩展内容,会自动生成一个文本框,和一个浏览按钮。
            (10)图像 image 它可以替代submit按钮。
 
表单提交:
    1.先定义form表单中的action属性值,指定表单数据提交的目的地(服务端)。
    2.明确提交方式,通过指定method属性值。如果不定义,那么method的值默认是get。 
 
get和post这两种最常用的提交方式的区别:
    1.get提交将数据显示在地址栏,对于敏感信息不安全。post提交不显示在地址栏,对于敏感信息安全
    2.地址栏中存放的数据是有限,所以get方式对提交的数据体积有限制。post可以提交大体积数据。
    3.对提交数据的封装方式不同:
        get:将提交数据封装到了http消息头的第一行,请求行中。
        post:将提交的数据封装到消息头后,在请求数据体中。
 
头标签:
    头标签都放在<head></head>头部分之间。包括:title base meta link。
        1.<title>:指定浏览器的标题栏显示的内容。
        2.<base>:href 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录。注意值得结尾处一定要用/表示目录。只作用于相对路径的超链接文件。target 属性:指定打开超链接的方式。如_blank 表示所有的超链接都用新窗口打开显示。
        3.<meta>:name 属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。http-equiv 属性:模拟HTTP协议的响应消息头。
        4.<link>:rel 属性:描述目标文档与当前文档的关系。type 属性:文档类型。media:指定目标文档在哪种设备上起作用。
posted @ 2017-11-30 18:59  横扫天下IT  阅读(165)  评论(0编辑  收藏  举报