html+css学习笔记 5[表格、表单]

表格 —— 默认样式重置

表格标签：
    table 表格
    thead 表格头
    tbody 表格主体
    tfoot 表格尾
    tr 表格行
    th 元素定义表头
    td 元素定义表格单元

表格样式重置
table{border-collapse:collapse;} 单元格间隙合并
th,td{padding:0;}重置单元格默认填充

单元格合并

rowspan 属性规定单元格可横跨的行数。
    <td rowspan="2"></td>

colspan 属性规定单元格可横跨的列数。
    <td colspan="2"></td>

表单/表单元素

form   表单
<input type="…… " name="" value="" />
text              文本框
password     密码
radio            单选
checkbox     复选
submit         提交
reset            重置
button         按钮
image          图片
file               上传
hidden         隐藏

表单元素

label 标签为 input 元素定义标注
    <input type="checkbox" name="" id="a"/>
    <label for="a">……</label>

checked 在页面加载时默认选定的 input 元素。
    <input type="checkbox" name="" checked/>

disabled 属性规定应该禁用 input 元素。
    <input type="checkbox" name="" disabled/>

elect/option 下拉选框
    对高度的支持不兼容；

textarea      文本域
    各个浏览器下的默认滚动条显示不兼容
    css3新增 resize 调整尺寸属性；


轮廓线表单元素兼容性问题

outline 轮廓线；
A标签轮廓线去除方法：
1、<a href="#" onfocus="this.blur();">……</a>
2、<a href="#" hidefocus>……</a>

表单元素兼容性问题
    IE6下input背景滚动；

时间： 2024-10-27 08:03:35

html+css学习笔记 5[表格、表单]的相关文章

[Spring MVC]学习笔记－－表单标签的使用

github例子地址: https://github.com/lemonbar/spring-mvc-jsp 效果图关于spring mvc的标签的讲解, 有一篇blog已经讲的很细了. http://haohaoxuexi.iteye.com/blog/1807330 官方文档地址: http://docs.spring.io/spring/docs/4.0.6.RELEASE/spring-framework-reference/htmlsingle/#view-jsp 而且我在上面的例子

HTML学习笔记8：表单

什么是表单? 一个网页表单可以将用户输入的数据发送到服务器进行处理.因为互联网用户使用复选框,单选按钮或文本字段填写表格,所以WebForms的形式类似文件或数据库.例如,WebForms可以用来进入航运或信用卡资料订购产品,或可用于检索数据(例如,搜索引擎上搜索). <!-- from wiki - > 简单来说就是收集用户的信息这就是一个表单表单的工作流程:用户打开页面->填写表单后提交->根据相应的方式打包后发送个服务器->服务器接收后转给相应的程序处理基础

Yii学习笔记之四（表单验证 api 翻译）

1.表单验证对于用户输入的所有数据,你不能信任,必须加以验证. 所有框架如此,对于yii 可以使用函数 yii\base\Model::validate() 进行验证他会返回boolean值的 true /false 如果验证未通过,可以使用 yii\base\Model::$errors 属性进行处理,如下代码: <?php //加载表单模型(绝对地址方式) /*如果上面引入 use app\models\ContactForm; 则可以直接使用 $model = new Contact

knockoutJS学习笔记08：表单域绑定

前面的绑定都是用在基本标签上,这章主要讲表单域标签的绑定. 一.value 绑定绑定标签:input text.textarea. <p>用户名:<input type="text" data-bind="value:name" /><span data-bind="text:name"></span></p> <p>密码:<input type="text

Python+Selenium学习笔记8 - 多表单&多窗口切换

1.多表单切换下图为待测页面:内嵌百度首页切换到百度首页进行操作 1 # coding = utf-8 2 3 from selenium import webdriver 4 import os 5 import time 6 7 dr = webdriver.Firefox() 8 file_path = 'file:///' + os.path.abspath('frame.html') 9 dr.get(file_path) 10 11 # 切换到iframe(id="if"

20151222jquery学习笔记--验证注册表单

$(function () { $('#search_button').button({ icons : { primary : 'ui-icon-search', }, }); $('#reg').dialog({ autoOpen : true, modal : true, resizable : false, width : 320, height : 340, buttons : { '提交' : function () { $(this).submit(); } } }).button

JavaWeb学习笔记——javabean与表单

css 学习笔记一

css学习笔记1 1.选择特定元素的选择符: 上下文选择符标签1 标签2 {声明} 其中标签2是要选择的目标,而只有在标签1是其祖先元素(不一定是父元素)的情况下才会被选中. css代码: body代码: 理解:section标签 article标签就属于上下文的关系,即article为section的后代,只有应用了section的样式,才能应用article的样式.注意:继承关系中的空格问题,有空格的表示祖先与后代的关系,css写法,body的代码为,说明页面样式表文件

html+css学习笔记 2[标签]

img标签/a标签 <img src="图片地址" alt="图片名"/> 图片(单标签)alt属性是图片名字,是给百度搜索引擎抓取使用: a标签: 链接/下载/锚点 href地址等于标签id target 链接打开方式 blank 新窗口 self 当前窗口 <base target="_blank"/> 定义页面链接默认打开方式常见标签 div