表格，表单，文本域，下拉框，单选框，复选框，按钮

1.表格基本结构

    <table border="" cellspacing="" cellpadding=""><tr><th>表格标题</th><td>单元格</td>....</tr>...</table>

1，表格
          1， border:边框粗细
           cellspacing：代表格与格之间的间距
           cellpadding：代表内容距离格子四条边的距离
           width/height：宽高
           bgcolor:背景颜色

align:相对于浏览器的居中方式
                   left/center/right
          2，合并单元格
     colspan   水平合并单元格
     rowspan 垂直合并单元格

2，表单
form标签是用来表示采集数据的范围

 1.  <form action="" method=""></form>

属性：1.action 采集的数据提交的路径
2.method 采集的数据提交的方式
值：1）get 2）post

 2.  <input type="" name="" value="" placeholder="">input   输入

   属性：1.type  类型type="text"  文本框type="password"  密码框type="radio"   单选框   name值必须保持一致type="checkbox"  复选框type="submit"     提交按钮type="reset"     重置按钮type="button"   普通按钮type="file"   文件上传按钮2.name   名字  给标签起的名字3.value   值   输入的值4.placeholder  输入域的提醒文本

3.单选框与复选框

默认被选中 checked 或 checked="checked"
例如：<input type="checkbox" name="apple" checked>苹果
点击文字能把单选框或复选框选中：
1）用label双标记标签把单选框/复选框与文字一起包起来

   例如: <label><input type="checkbox" name="apple">苹果</label>

2）用label标签只包裹文字，label上的for的值与单选框/复选框上的id的值保持一致

    例如: <input type="radio" name="gender" id="male"><label for="male">男性</label>

4.文本域

  <textarea placeholder="提醒文本"></textarea>

5.下拉选择框

  <select><option>选项1</option><option selected>选项2</option>....</select>

选项默认被选中，给option增加selected或selected="selected"

6.按钮

块元素：12
p,h1,h2,h3,h4,h5,h6,ul,ol,div,hr,form

行内元素（内联元素）9
b,strong,i,em,sup,sub,span,a,label

行内块元素（内联块元素）6
img,iframe,input，textarea，select，button

表格，表单，文本域，下拉框，单选框，复选框，按钮相关推荐

Vue.js 极简小例：表单（输入框 input、文本域 textarea、单选框 radio、下拉菜单 selected、复选框 checkbox）
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template> <div > <p>------- ...
easyui复杂表单_jQuery EasyUI 表单 – 创建树形下拉框（ComboTree） | 菜鸟教程
jQuery EasyUI 表单 - 创建树形下拉框树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...
php一些单选、复选框的默认选择方法（示例）
转载 http://www.php.cn/php-weizijiaocheng-360029.html 一. radio和checkbox及php select默认选择的实现代码 1.radio单选框 ...
Python3+Selenium3+webdriver学习笔记8（单选、复选框、弹窗处理）
#!/usr/bin/env python# -*- coding:utf-8 -*-'''Selenium3+webdriver学习笔记8(单选.复选框.弹窗处理)''' from selenium ...
组合框里添加复选框的方法
组合框可以看作是列表框和文本框的组合,因其占据的空间少,使用操作方便,常被界面设计人员用于界面开发设计中,在有限个输入的条件下,组合框常用来代替文本框,这样从用户使用角度来看,更趋人性化,所见即所得. ...
html5 多选框控件,复选框和单选框都属于控件吗
单选框和复选框的区别是什么? 单选框和复选框的区别是什么? 详细一点-. (1)复选框可以允许你选择多个设置,而单选框则允许你选择一个设置: 这两个选框的区别是一个通过用圆圈表示,一个通过用方框表示. ...
改变单选或者复选框的样式
原理是通过定位把以前的样式覆盖掉,就酱... 代码如下: css.checkbox{position: relative;padding-left: 8px;}.checkbox:before{con ...
用jquery修改默认的单选框radio或者复选框checkbox选择框样式
默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...
了解elementUI的Form 表单和Dropdown 下拉菜单
Form 表单由输入框.选择器.单选框.多选框等控件组成,用以收集.校验.提交数据 el-form el-form-item el-select el-option <el-form :inl ...
html5表单下拉列表样式,表单的各种下拉和样式大全
指定一个预先定义的输入控件选项列表 datalist:html> 教程注意: Internet Explorer 9(更早 IE 版本),Safari 不支持 datalist 标签. 定义选 ...

表格，表单，文本域，下拉框，单选框，复选框，按钮

1.表格基本结构

表格，表单，文本域，下拉框，单选框，复选框，按钮相关推荐

最新文章

热门文章