zoukankan      html  css  js  c++  java
  • 表格和12个表单元素

    表格:
    展示数据
    <table> 代表表格
    width:表格宽度
    border:边框粗细
    cellspacing:单元格的边距
    cellpadding:单元格的间距
    <tr> 代表行
    <td> 代表单元格
    width:单元格的宽度
    align:水平对齐方式,left左 right右 center居中
    height:单元格的高度
    valign:垂直对齐方式 top上 bottom下 middle中间
    bgcolor:背景色
    clospan:合并列 
    rowspan:合并行

    <th> 相当于 <td> 用来做标题的,会自动加粗居中
    <tbody> 代表表格主体

    表单:
    <form> 代表表单
    action:提交给谁,页面的地址
    method:提交的方式 get post 
    文本类:
    <input type="text" /> 单行文本框
    name:表单元素名字
    value:文本框的值
    disabled="disabled" 不可用
    readonly="readonly" 只读
    <input type="password" /> 密码框
    name:表单元素名字
    value:密码框的值
    <input type="hidden" /> 隐藏域
    name:表单元素名字
    value:隐藏域的值
    <textarea></textarea> 文本域
    name:文本域的名字
    rows:行数
    按钮类:
    <input type="button" /> 普通按钮
    value:按钮里面显示的内容
    <input type="submit" /> 提交按钮
    value:按钮里面显示的内容
    <input type="image" /> 图片按钮,可以提交
    src:图片的来源地址
    <input type="reset" /> 重置按钮
    value:按钮里面显示的内容
    选择类:
    <input type="radio" /> 单选按钮
    name:单选按钮的名字,用来分组
    value:单选按钮的值
    checked="checked" 选中
    <input type="checkbox" /> 复选框
    name:复选框的名字
    value:复选框的值
    checked="checked" 选中
    <select> 下拉列表
    name:下拉列表的名字
    multiple="multiple" 将下拉列表变为多选
    <option> 下拉列表的项
    value:提交的值
    selected="selected" 选中
    <input type="file" /> 选择文件
    name:名字

  • 相关阅读:
    包装类
    String、Date、Calendar的转换
    枚举enum
    mybatis纵览
    postman编程
    postman导出Collection文件
    host头攻击
    maven处理jar包冲突
    jdk版本与项目依赖jar包不兼容
    linux安装jdk脚本
  • 原文地址:https://www.cnblogs.com/forqiwen/p/8067946.html
Copyright © 2011-2022 走看看