• form表单和CSS基础


    form 表单
      input type="" 表单的组合标签,用来确定需要的是什么输入类型
        type属性值:
          文本输入框:text
          密码输入框:password
          单选按钮:radio
            A:要单选按钮实现互斥,必须设置相同的name值
            B:默认提交的是on值,一般会指定value值来区分,和复选框一样
          复选框:checkbox
            A:要指定value值,单选或者复选框中,后面的文本信息和标签没有联系,提交的是value的值
            B: name相同,服务器处理复选框时,会把值存入数组
          提交按钮:submit
          重置按钮:reset
          隐式文本:hidden(常用来储存储id值)
          下拉列表:select 表单的组合标签·
            option: select的子标签,用来确定列表中文本 selected默认选中
          文本域:textarea
            属性:rows cols 设置行与列

          注意:其它组件都有value属性,但是textarea没有,提交的值只能设置在标签体中

    CSS语法
      A:直接在标签中运用
        <font style="color:green;font-size:200px;">宝宝</font>
      B:在本页面中引用,位置放在head中
        <style> //样式
          font(这里可以是一个任意的选择器){
            属性:属性值;
            属性:属性值;
            选择器可以是标签,可以是类名class="值" .值{}
            可以是id id="值" #值{}
          }
      div{
        /*
         * 这是一个块级元素,默认占满当前行
         * display:inline 设置行位置
         * border:1px solid red; 盒子的颜色和粗细
         * height width 盒子大小
         * margin-left 盒子与盒子之间的位置关系
           * padding-top 内容与盒子之间的关系
         * float:left 将div分为空间上的两种格局
         * clear:both 取消div的浮动
         */
       }
      span{
        /*
        * 这是一个行内元素,默认刚好包裹当前内容
        */
        }
    </style>
      C:将CSS的内容单独封装,引用
        <link rel="stylesheet" href="../../css/my.css" type="text/css"/>

  • 相关阅读:
    nodejs第二天之Buffer类
    2019-2020-1 20175334 20175322 20175315 实验四 《外设驱动程序设计》实验报告
    2019-2020-1 20175315 20175322 20175334 实验三 实时系统
    2019-2020-2-20175315 20175322 20175334-实验二固件程序设计
    2019-2020-1 实验一 开发环境的熟悉
    2018-2019-20175315 实验五《网络编程与安全》实验报告
    实验四《Android程序设计》
    20175315Mycp
    20175315 实验二《Java面向对象程序设计》实验报告
    《Java程序设计》第七周学习总结
  • 原文地址:https://www.cnblogs.com/chonglchong/p/6810737.html
Copyright © 2020-2023  润新知