JavaWeb——html表单与CSS

html表单介绍

概念：用于采集用户输入的数据，用于和服务器交互。
使用的标签：from。用于定义表单。可以定义一个范围，范围代表采集用户数据的范围。

表单 属性：
        1.action：指定提交数据的URL。
        2.method：指定提交的方式。
                method分类：一共7种，两种比较常用
                        get:
                                1.请求的参数会在地址栏中显示。
                                 2.请求参数的长度是有限制的。
                                 3.不太安全
                        post
                                1.请求的参数不会再地址栏中显示。
                                2.请求参数的长度没有限制。
                                3.比较安全。

 注意：表单项中的数据要想被提交必须指定name属性。

表单项标签

input标签

input：可以通过type属性值，改变元素展示的样式
type属性：
        1.text：文本输入框，input默认的
            placeholder：指定输入框的提示信息：当输入框的内容发生变化，会自动清空提示信息
        2.password：密码输入框
        3.radio：单选框
            *注意：
                1.要想要多个单选框实现单选的效果，单选框的name必须相同
                2.一般会给每一个单选框提供value属性，指定其提交的值
                3.checked属性，可以指定默认值
        4.checkbox：复选框
                1.一般会给每一个单选框提供value属性，指定其提交的值
                2.checked属性，可以指定默认值
        5.file：文件选择框
        6.hidden：隐藏域，用于提交隐秘信息
        7.按钮：
            submit：提交按钮。可以提交表单
            button：普通按钮
            image：图片提交按钮
                *scr属性指定图片路径
        8.date：日期
        9.datetime-local：日期

label标签

        lable：指定输入项的文字描述信息
        注意：label的for属性一般会和input的id属性值对应。如果对应这点击label区域，会让input区域获得焦点。

select标签

         select：下拉列表
        子元素：option，指定列表项

textarea：文本域

       标签属性：

        1. cols：指定列数，每一行都有多少字符
        2.row：默认多少行。

CSS:页面美化和布局控制

1.概念：Cascading Style Sheets 层叠样式表
        *层叠：多个样式可以同时作用于同一个html上，同时生效

2.好处：
        1.功能比较强大
        2.将内容的展示和样式的控制分离
            *降低耦合度
            *让分工协作更容易
            *提高开发效率
        3.CSS的使用：CSS与html结合方式
            1.内联样式