HTML（二）表格、表单

本章主要内容：

表格

form表单

一、表格

A、结构

<table border="1" > <caption>我是标题</caption> <tr><th>序号</th><th>内容</th></tr> <tr><td>1</td><td>我</td></tr> <tr><td>2</td><td>爱</td></tr> </table>

显示如下

B、结构化表格   当表格过大时结构化表格有利于加载的显示

把行包裹主， 表的格式依旧不变； <table border="1"> <caption>我是标题</caption> <thead> <tr><th>序号</th><th>内容</th></tr> </thead> <tfoot> <tr><td>2</td><td>爱</td></tr> </tfoot> <tbody> <tr><td>1</td><td>我</td></tr> </tbody> </table>

C、<table>的属性

table的属性值

rules的属性值

 

D、<tr>的属性

E、结构加载

F、单元格合并

跨列合并   colspan='2'跨行合并  rowspan='2'

G、表格嵌套

二、<form>表单

 

所有表单都要被<form>包裹,提交的表单主要有。

<input><select><optgroup><option><textarea>

 

A、form的属性

B、input 属性

type的属性值

注意点

checkbox 与 radio 同一组的name属性值都要一值，它们的value值是不同的。图像域按钮    <input type='image' name='...' src='image_url'>

C、<select> 下拉菜单和列表菜单

不分组下拉菜单 <select> <option>北京</option> <option>上海</option> <option>深圳</option> </select> 分组下拉菜单 <select> <optgroup label="沿海"> <option>北京</option> <option>上海</option> <option>深圳</option> </optgroup>> <optgroup label="内陆"> <option>北京</option> <option>上海</option> <option>深圳</option> </optgroup>> </select> <select>的属性

<option>的属性

　　　　selected 默认选中

　　　　value  传入后台的值

D、<textarea> 多行文本

基本格式 <textarea rows="3" cols="50" placeholder="请输入内容"></textarea> textarea的属性值

　　

 三、干货

对input 框进行设置 

<table>的属性指示

post和get的区别

转载于:https://www.cnblogs.com/learn-python-M/p/7598584.html