CSDN/BLOGGER等支持HTML编辑的博客可用的有趣功能

最新推荐文章于 2021-06-10 18:23:15 发布

Demiurge

最新推荐文章于 2021-06-10 18:23:15 发布

阅读量1.1w

点赞数

分类专栏： html 文章标签： html 博客技巧

本文链接：https://blog.csdn.net/u012857206/article/details/75715301

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在博客中可以用iframe标签嵌入别的网页

<iframe src="http://ss.pythonic.life" width="1000" height="500">
</iframe>

可以放个按钮，或者输入框

<form action="/action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form>

First name:

Last name:

看来CSDN考虑到了安全性，对html的代码进行了处理，对本来可以进行交互的元素进行disable，在web类型网页演示的时候可以考虑使用该功能，很有趣。

另外，iframe的功能可以用来展示引用的网页，比如：

<iframe src="http://ss.pythonic.life" width="400" height="400">
</iframe>
<iframe src="http://blog.csdn.net/u012857206/article/details/72870016" width="450" height="400">
</iframe>

或者画出复杂的自定义表格：

<table style="text-align:center;" border="11">
	<tbody>
		<tr>
			<td>
				按钮：<button>
					button
				</button>
			</td>
			<td>
				输入框：<input value="input" />
			</td>
		</tr>
		<tr>
		</tr>
	</tbody>
</table>

按钮：

输入框：