前端基础随笔

一、表格

<table>

  <tr>

    <td  colspan = "2"> </td>                     //可以实现跨列合并

  </tr>

</table>

1.rowspan 跨行

2.colspan 跨列

二、媒体元素

<video src = "视频路径"  controls></video>

<video controls>

<source src = "视频路径"  type = "视频类型" />

</video>

1.autoplay自动播放

2.可以使用例如width控制打大小

3.<audio src = "视频路径" controls></audio>

三、结构

header、footer、section、article、aside、nav

四、iframe

1.使页面中的部分内容用框架引入

<iframe src = "path" name = "mainFrame"></iframe>

 <a href = "跳转地址"  target = "iframe的name"></a>

五、表单

 1.action对应地址

 2.常用表单元素

<select>

标签底下是<option>

 提交的时候是以name值加上value值提交给服务器

按钮:

 onclick = "alert(this.value)"弹出对话框

 type = "image"  src = ""  图片按钮

多行文本域

上传文件:

类型是:file

邮箱

类型是:email

网页

类型是:url

 数字

类型是:number,range

 

搜索框:

类型是:search

一些高级应用

hidden:隐藏,是为了后台传送数据

readonly:只读

disabled:禁用

 <label  for = "指向的name">  </label>

初级验证:

placeholder :有个默认值提示

required:内容不能为空

pattern:与正则表达式精确验证

原文地址:https://www.cnblogs.com/zxj-262410/p/8593649.html