zoukankan      html  css  js  c++  java
  • day45

    form表单

    能够获取用户输入,选择,上传的信息和文件

    并且将用户输入的内容全部发送给后端(比如和Django连用)

    参数

    action 控制数据提交的地址

    三种书写方式

    不写,默认就是朝当前页面所在的地址提交数据

    写全路径(https:www.baidu.com)

    只写路径后缀(/index/)

    method 控制数据提交方式

    post -----form表单默认是get请求

    get

    通常情况下input和label一起使用

    <label for ='d1'>用户名:<input type ='text' id='d1'></label>

    绑定id值 之后点击标签内任何的位置都可以自动选中input框内

    form表单的type参数很多种 展示不同的功能

    text 普通文本

    password 输入的内容 会隐藏起来

    date 日期

    radis 单选圆圈

    checkbox 复选框

    hidden 隐藏

    file 上传本地的文件

    button 普通的按钮 可以绑定js事件

    reset 重置按钮 清空内容

    submit 提交按钮 能触发form表单提交数据的动作

    设置性别的时候在gender前面加上name后只能选择一个性别,不加可以选择两个

    select标签 下拉框

    一个个的option标签就是一个个选项

    默认单选 给他加上一个参数multiple 就可以变成多选

    textarea 标签 可以设置长宽 书写长度比较大的数据

    input标签可以加disable属性 禁用input标签框

    input可以加value值 设置默认值

    怎么默认选择 已经选中的标签

    radio

    checkbox

    checked =‘checked’

    当属性名和属性值相同的时候 可以只写属性名就可以了

    能触动form表单的提交数据的两种标签

    input标签type=submit

    button标签

    所有获取用户输入的标签 都应该有name属性

    name属性类似于字典中的key

    input框中获取的用户输入的value属性

    针对选择框 传到后端的数据 必须有value属性决定

    gorm表单如果提交文件数据 必须修改enctype = “multipart/form-data”

    css

    层叠样式表

    用来控制html标签的样式的

    css的语法结构

    选择器 {属性1:属性值1}

    css的三种引入方式

    通过link标签引入外部的css文件,如果在同一个工作文件夹下可以通过点的方法,点出来<link rel="stylesheet" href="css小米样式.css">

    直接在html页面上的head内通过style标签直接书写css代码

    <style>
            #a{
                color: #3fff12;
            }
        </style>
    

    行内(直接书写在标签内部通过style属性)

    <h1 style="color: orange">我是Oscar</h1>

    基本选择器

    id选择器

    类选择器

    通用的选择器

    元素选择器

    组合选择器

    div span

    div>span

    div+span

    div~span

    属性选择器

    任何标签自带id和class属性

    支持自定义属性 携带一些额外的数据

    伪类选择器

    a标签有四种状态

    没有被点击过的状态

    鼠标悬浮上的状态

    点击上不松手的状态

    点击之后 再回到原来的页面的状态

    input框点击进去之后 的状态就是input获取焦点的状态 聚焦 focus

    鼠标移去就是 释放焦点

    在设置input框内的背景颜色时 只写color设置的时光标的颜色

    伪元素选择器(清楚浮动带来的负面影响)

    可以通过css添加文本内容

    选择器的优先级

    选择器相同的情况下 引入方式不同

    遵循就近原则 哪个标签离body近

    选择器不同的情况下

    行内选择器 >id选择器>类选择器>元素选择器

    分组与嵌套

    同级下查找设置#d1,.c1,p{color:red};

  • 相关阅读:
    变量的分类
    诫子书
    变量variable
    标识符Identifier
    保留字reserved word
    关键字keyword
    编译运行代码的指令
    创建如下的类,使得运行的话可以输出
    常用的几个命令行操作都有哪些?
    idea快捷键整合-无鼠标操作idea
  • 原文地址:https://www.cnblogs.com/gfhh/p/11851999.html
Copyright © 2011-2022 走看看