表格和input的学习

合并单元格:
跨行合并：rowspan 跨列合并：colspan

举例：

<thead>这是一个我不知道的人</thead>

<tr>

<td>敌人:唐吉诃德·多弗朗明哥</td>

</tr>

<tr>

<td>唐吉诃德海贼团时任花色干部第二代"红心"兼海军中校</td>

<td>天龙人，王下七武海之一</td>

<td>草帽海贼团船长</td> 表格和input的学习

合并单元格的思想:
将多个内容合并的时候, 就会有多余的东西, 把它删除例如把3个 td 合并成一个那就多余了2个需要删除
公式 : 删除的个数 = 合并的个数 - 1
合并的顺序先上先左

input控件:
在上面的语法中, <input /> 标签为单标签 type 属性为其最基本的属性其取值有多重用于指定不同控件类型
除了 type 属性之外 <input /> 标签还可以定义很多其他属性
单选框（radio）如果是一组我们通过相同的 name 值来实现
复选框（checkbox）可以同时选择多个
默认选中项（checked）只需要在属性中添加 checked="checked" 默认选中
input的属性值：
type：
text:单行文本输入框
password:密码输入
radio:单选框
checkbox:多选框
button:普通按钮
submit:提交按钮
reset:重置按钮
image:图片提交按钮
file:文件域
name:名称
value:input的默认文本值
size:input的页面宽度
checked:定义控件选择的默认选中项
maxlength:控件允许输入的最大值（最大字符数）

(<input type="email"><br />

<input type="tel" value="" placeholder="12356465" required><br />

<input type="url" placeholder="地址" autocomplete="on"><br />

<input type="number" value="123456"><br />

<input type="range"><br />

<input type="search" autofocus><br />

<input type="time"><br />

<input type="date" accesskey="w"><br />

<input type="datetime"><br />

<input type="month"><br />

<input type="week"><br />

<input type="file" multiple>）

label：用于绑定一个表单元素当点击 label 标签的时候被绑定的表单元素就会获得输入焦点
for：for 属性规定 label 与哪个表单元素绑定
1. 用label直接进行包裹input标签
2. 如果label里面有多个表单想定位到某个地方可以通过for id 的格式来进行

textarea（文本域）：如果需要输入大量的信息, 就需要用到<textarea></textarea>标签通过textarea控件可以轻松的创建多行文本输入框

下拉菜单：使用 select 控件定义下拉菜单的基本语法
注意：
1. <select></select>中至少应包含一对<option></option>
2. 在option中定义 selected="selected" 时, 当前项即为默认选中项

表单域：在 HTML 中 form标签被用于定义表单域即创建一个表单以实现用户信息的收集和传递 form 中的所有内容都会被提交给服务器
<form action="url地址" method="提交方式" name="菜单名称">
各种表单控件
</form>
常用属性 :

1. Action
在表单收集到信息后, 需要将信息传递给服务器进行处理 action 属性用于指定接收并处理表单数据的服务器程序的 url 地址

2. method
用于设置表单数据的提交方式其取值为 get 或 post

3. name
用于指定表单的名称以区分同一个页面中的多个表单

常用新标签：
datalist：标签定义选项列表请与 input 元素配合使用该元素
列如：
<input type="text" value="黑子的篮球" list="basketball">
<datalist id="basketball">
<option>黑子</option>
<option>白子</option>
<option>粒子</option>
</datalist>
fieldset：元素可将表单内的相关元素分组打包与 legend 搭配使用
如：<fieldset>
<legend>名称</legend>
<input type="text" />
</fileldset>

常用新属性：
这个表单中你必须给他一个名字
<from action="">
姓名: <input type="text" autocomplete(记录网页写下的内容) name="" />
<input type="submit" />
</form>

多媒体标签有：
embed
audio
video

多媒体audio：
HTML5 通过<audio>标签来解决音频播放的问题

我们可以通过附加属性更加友好的控制音频的播放, 如 :

autoplay 自动播放

controls 是否显不默认播放控件

loop 循环播放 loop="2" 就是循环2次 loop或者loop="-1" 无限循环

<audio src="相对路径或者绝对路径" controls loop="-1" autoplay>(这个格式的音频是自动无限循环播放)

多媒体video：
HTML5通过<audio>标签来解决音频播放的问题

同音频播放一样 <video>使用也相当简单

同样通过附加属性可以更友好的控制视频的播放

autoplay 自动播放

controls 是否显示默认播放控件

loop 循环播放

width 设置播放窗口宽度

height 设置播放窗口的高度

<video src="相对路径或者绝对路径" controls loop="2" autoplay>(这个视频是自动循环播放两次的)

表格和input的学习

相关推荐