JavaWeb——html表单与CSS

最新推荐文章于 2024-08-29 00:02:03 发布

anrui0

最新推荐文章于 2024-08-29 00:02:03 发布

阅读量294

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaWeb入门学习

本文链接：https://blog.csdn.net/anrui0/article/details/118639980

本文详细介绍了HTML表单的使用，包括form属性、input类型、label和select等元素。接着讲解了CSS的基础知识，如层叠样式表的概念、好处、使用方式和语法。还探讨了选择器、属性以及如何利用CSS进行页面美化和布局控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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：普通按钮