zoukankan      html  css  js  c++  java
  • 表格与表单

      一、表格,用来展示数据,表格可以通过设计页面直接制作
      <table>代表表格
        width:表格宽度
        border:表格边框
        cellspacing:单元格的边距
        cellpadding:单元格的间距
      <tr>代表行
      <td>代表列
        width:列高
        height:行高
        align:水平对齐方式 center居中对齐 left左对齐  right右对齐
        valign:垂直对齐方式 middle居中 top上对齐 bottom下对齐
        bgcolor:背景色
        colspan:合并列
        rowspan:合并行
      <th>相当于<td>用来做表格第一行的标题,会自动加粗和居中
      <tbody>代表表格的主体

      二、表单:用来和用户进行交互
        <from>代表表单,双标签
        action属性指提交给谁,需要指向一个页面即提交的地址
        method属性是提交的方式 ,有两种:
          1.get方式传值是显露的传值方式,传的值在地址栏里显示,不安全,但是简单,传值是有极限的,超过会丢失,提交的方式是?aa=bb,aa是name值,bb是value值
          2.post方式传值是隐藏的传值方式,传的值是隐藏的,所以没有长度限制

        enctype="multipart/form-data"如果提交的不是文本,则需要这个属性

      表单分为三类:
      一.文本类
      1.<input type="text" />文本框,单行文本

        name属性,基本所有表单元素都有这个属性,带表名字,

        value属性,代表表单的值,

        disable="disable"属性是表单不可用,甚至不可以提交值,

        readonly="readonly"属性表单变为只读,但是可以提交值,

        placeholder="提示内容",这个属性会在输入框中默认出现提示字,焦点选中输入框输入时,提示字会自动消失。

      2.<input type="password" />密码框,输入的值默认显示为一串圆点

      3.<input type="hidden" /> 隐藏域,虽然隐藏,但是依然可以提交值,用来保护必须提交但是不想让用户看到的表单值

      4.<textarea></textarea>文本域,中间放入的内容是value值,但是不能用属性value来定义值
        rows属性用来调整文本域的行数

      二.按钮类
      1.<input type="button" />普通按钮,能够点击,但是没有作用,需要js脚本实现具体的点击作用
        value属性代表按钮里显示的内容


      2.<input type="submit" />提交按钮,有提交作用
        value属性代表按钮里显示的内容,默认为提交


      3.<input type="image" src="">图片按钮,有提交作用


      4.<input type="reset" />重置按钮,重置页面,清除内容
        value属性代表按钮里显示的内容,默认为重置


      三.选择类
      1.<input type="radio" >单选按钮,至少两个为一组,组内name属性设置为同一值,组内按钮有互斥作用

        name属性为单选按钮的名字,同一名字的单选按钮之间互斥

        value为单选按钮的值

        checked="checked"默认选择属性

      2.<input type="checkbox" />复选按钮

        name复选框的名字

        value复选框的值

      3.<select></select>下拉列表,用<optin></optin>代表下拉列表中的每一项

        size属性,表示下拉的长度

        multiple="multiple"属性,变为可以复选,复选方式为按住ctrl复选

       <optin></optin>
        有value值,不赋值提交的值是里面的内容,赋值后提交的值是value值
        selected="selected"默认选中

      4.<input type="file" />选择文件

      

  • 相关阅读:
    5-互评-OO之接口-DAO模式代码阅读及应用
    3.1-互评-OO设计-有理数类的设计
    机器学习(3)
    SpringBoot拦截器注入 Service 为空问题
    阿里强制要求的21条Java开发规范【转载】
    动态规划入门
    图神经网络第一章笔记
    PC端工业应用开发宝典3-数据持久化
    PC端工业应用开发宝典2-兼容性问题
    VUE登陆界面监听回车键响应登陆按钮
  • 原文地址:https://www.cnblogs.com/zxbs12345/p/7884908.html
Copyright © 2011-2022 走看看