日度归档:2020年3月9日

HTML input type=’hidden’隐藏域简介说明


摘要:
下文讲述html元素input type=’hidden’隐藏域的功能简介说明,如下所示:

在html中,当<input>标签中type属性等于”hidden”时,代表为html创建了一个隐藏域

type=’hidden’的隐藏域的特性:
1.隐藏域不会呈现给用户显示,但是当提交表单时,会提交至后台
2.隐藏域必须有name属性,如果没有此属性后台将无法接收此数据
3.隐藏域中的信息,可以通过查看浏览器源码查看,所以安全性比较低
type=’hidden’的隐藏域的应用场景:
存储当前单据状态,供后台使用–例:当前单据是“新增”还是“修改”状态

例:

 
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---input type='hidden'隐藏域的举例说明
</title> 
</head>
<body>
<form name="form1" method="post" >
  name:<input type="text" name="n"/><br/>
  pwd:<input type="text" name="p"/><br/>
        <input type="submit" value="submit"/>
        <input type="reset" value="重置"/>
        <input type="hidden"  name="id" value="232390812324424" />
    </form>
</body>
</html>


如何让table中一个单元格占三行两列呢?


摘要:
下文讲述html代码中table合并单元格的技巧,如下所示;


实现思路:
1.合并列需使用属性colspan
2.合并行需要使用属性rowspan

例:
对一个5行5列的table的第一个单元格进行 “三行两列”的合并操作

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8"> 
  <meta name="Author" content="http://www.maomao365.com"> 
  <title>猫猫教程(www.maomao365.com)
  --对table单元格执行合并操作
  </title>
  <style>
    td{
	 width:60px;
	 height:30px;
	}
  </style>
 </head>
 <body>
     <p>
	 www.maomao365.com 关于table合并单元格的演示:
</p>
   <table border="1">
<tr>
	<td colspan=2 rowspan=3 style="background-color:black"></td>
	<td></td>
	<td></td>
	<td></td> 
</tr>
<tr> 
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr> 
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
</table>

 </body>
</html>
html table合并单元格的操作举例分享

html table合并单元格的操作举例分享

iframe allowfullscreen属性简介说明


摘要:
下文讲述iframe中allowfullscreen属性的简介说明,如下所示:


iframe allowfullscreen属性功能

用于设置iframe中的信息是否允许开启全屏状态


iframe allowfullscreen属性举例说明

   
 <iframe  allowfullscreen src="http://www.maomao365.com"></iframe>