怎么在html上写数据 html写入数据库

很多站长朋友们都不太清楚怎么在html上写数据，今天小编就来给大家整理怎么在html上写数据，希望对各位有所帮助，具体内容如下：

本文目录一览： 1、怎么在HTML页面随即生成数字？自定义生成的数据 2、如何把数据库数据放在html编辑器上？ 3、如何将一个页面的内容或者table html代码写入数据库 4、一个完整的html代码怎么编写？ 5、怎么在html中写PHP代码,前台页面从后台数据库中取值, 怎么在HTML页面随即生成数字？自定义生成的数据

将这些数据传到前台页面上去，用js取到这些数据，将他们放在数组中，如：

var arr = new Array("99877","57898","31524");

然后产生一个随机数，var num = parseInt(Math.random()*(arr.length-1));

然后再将值输入到指定位置，如：页面上<span id = "span1" ></span>

在js端就应该写：var oS = document.getElementById("span1");oS.innerHTML = arr[num];

如何把数据库数据放在html编辑器上？

首先我们假定我们所要调用得HTML在线编辑器放在一个单独得页面中，文件名是gledit.htm。

HTML在线编辑器有两种基本调用方法

一、使用object调用:

1、怎么在web页中嵌入html编辑器：我们在需要嵌入得位置加入以下html代码：<object id=doc_html data="gledit.htm" width=530 height=320 type=text/x-scriptlet VIEWASTEXT></object>

其中object标签里面得data后面接得数据就是我们所要调用得在线编辑器页得路径，id就是我们调用object得id，后面取编辑器中得数据时就要用到这个id。Width和height就是编辑器得高度和宽度了。

2、怎么取得html编辑器中的数据：所有需要提交的内容我们都是放在一个表单里面，同样利用object调用的编辑器也放在这个表单里面，同时我们可以设置一个隐藏的文本区域(<textarea name="content" style="display:none"></textarea>或<INPUT TYPE="hidden" name="content">)用以在提交的时候临时保存html在线编辑器的数据，因为在asp或者jsp，php中不能直接获取表单中的 object的内容，所以我们必须借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下：

function CheckForm()

{

document.form1.content.value=document.form1.doc_html.value;

}

</script>

</form>

这样在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线编辑器的数据。

3、怎么在文本编辑器中加入上传本机图片到html在线编辑器中：首先我们使得在点击插入图片的按钮时弹出一个上传图片的窗口，我们利用自己写的程序来实现上传本机图片到服务器上，然后我们需要记录图片的路径，然后通过html在线编辑器的值中加入显示图片的html标签。详细说明及代码如下：

在编辑器中我们在插入图片的按钮上加入事件 onclick="window.open('img_upload.asp.html','img_upload','width=481 height=190')">在'img_upload.asp.html'中我们将提交的图片上传到服务器制定目录然后记录图片路径

var src='<%="upload/"newname%>';

opener.form1. doc_html.value +="<img border=0 src="/data/upload/help/202211/19/458f55943150abf526521de44f09f465.">";

window.close();

</script>

这样就实现了简单的将上传的图片插入到编辑器中。

4、怎么在编辑修改文章的时候调用HTML在线编辑器来修改数据：当我们把在添加的时候将HTML在线编辑器来修改数据提交到数据库后我们还需要能将数据库的内容用HTML在线编辑器来修改数据。首先我们在表单中加入一个隐藏区域来放置数据库中的内容，例如<TEXTAREA style="display:none" NAME="content" ROWS="20" COLS="70"><%= rs("Content")%></TEXTAREA>，要注意这里我们用隐藏的textarea而不能用隐藏的input，因为数据里面可能包含了回车换行，所以如果我们使用<INPUT TYPE="hidden" name=content value="<%=(rs("Content")%>">很可能因为<%=(rs("Content")%>有换行而出现HTML错误（value=后面接的数据必须保证是在一行，否则出错）。然后按照前面介绍的方法使用object调用HTML在线编辑器，方法和代码同上，现在我们要做的其实就是提交时候的逆过程，我们只要将隐藏文本区域的内容复制到HTML在线编辑器就可以了，在这里我们在body里面加上<body onload="document.form1. doc_html.value=document.form1.content.value">，这样在页面装载完的时候就可以将数据库中的内容放入HTML在线编辑器中编辑了，提交过程和上面介绍的一样，在此就不赘述了。

二、使用iframe调用（有些和object调用重复的地方就简单描述一下）

1、怎么在web页中嵌入：我们在需要嵌入得位置加入以下html代码：<IFRAME SRC="gledit.htm" id='content_html' style="LEFT: 0px; POSITION: absolute; TOP: 0px;z-index:0" width="100%" height="100%"></IFRAME>其中"src="后面接得数据就是我们所要调用得在线编辑器页得路径，id就是我们调用IFRAME得id，Width和height就是编辑器得高度和宽度了。

2、怎么取得html编辑器中的数据：同样所有需要提交的内容我们都是放在一个表单里面，同时我们可以设置一个隐藏的文本区域(<textarea name="content" style="display:none"></textarea>或<INPUT TYPE="hidden" name="content">)用以在提交的时候临时保存html在线编辑器的数据，我们借助隐藏文本区域来获取数据。我们在表单提交的同时将 object里面的内容复制到隐藏的文本区域中。详细代码如下：

function subchk(cmd)

{

document.form1.content.value= window.content_html.getHTML();

}

</SCRIPT>

</FORM>

在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线编辑器的数据。

function CheckForm()

{

document.form1.content.value=document.form1.doc_html.value;

}

</script>

</form>

这样在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线编辑器的数据。

3、怎么在文本编辑器中加入上传本机图片到html在线编辑器中：首先我们使得在点击插入图片的按钮时弹出一个上传图片的窗口，我们利用自己写的程序来实现上传本机图片到服务器上，然后我们需要记录图片的路径，然后通过在调用html在线编辑器的web页中写一个函数在光标的位置插入显示图片的html标签。详细说明及代码如下：

在编辑器中我们在插入图片的按钮上加入事件 onclick="window.open('img_upload.asp','img_upload','width=481 height=190')">在调用编辑器的页面中我们定义好插入html代码到编辑器的函数

function insertHtml(HtmlCode)

{

var win=window.content_html.idEditbox.document;

window.content_html.idEditbox.focus();//是编辑器获得焦点，放置代码插入在编辑器外地方

win.selection.createRange().pasteHTML(HtmlCode)//在光标的位置插入html代码

}

</script>

在处理上传图片的文件中，我们调用父窗口的函数插入html代码

var src='<%=" upload/"newname%>';

var htmlcodes;

htmlcodes = "<img src='"/data/upload/help/202211/19/458f55943150abf526521de44f09f465."' alt='<%=theForm("alt")%>' align='<%=theForm("align")%>' border='<%=theForm("border")%>' hspace='<%=theForm("hspace")%>' vspace='<%=theForm("vspace")%>'>";

opener.insertHtml(htmlcodes)

window.close();

</script>

这样就实现了简单的将上传的图片插入到编辑器中。

4、怎么在编辑修改文章的时候调用HTML在线编辑器来修改数据：当我们把在添加的时候将HTML在线编辑器来修改数据提交到数据库后我们还需要能将数据库的内容用HTML在线编辑器来修改数据。首先我们在表单中加入一个隐藏区域来放置数据库中的内容，例如<TEXTAREA style="display:none" NAME="content" ROWS="20" COLS="70"><%= rs("Content")%></TEXTAREA>，在这里我们在调用编辑器的iframe里面加上<IFRAME SRC="gledit.htm" id='content_html' style="LEFT: 0px; POSITION: absolute; TOP: 0px;z-index:0" width="100%" height="100%" onload="window.content_html.idEditbox.document.body.innerHTML=document.form1.content.value" gt;</IFRAME>，这样在页面装载完的时候就可以将数据库中的内容放入HTML在线编辑器中编辑了，提交过程和上面介绍的一样，在此就不赘述了。

如何将一个页面的内容或者table html代码写入数据库

最简单的方法：

1、先建立一个文件用于接收文件内用。001.HTML

在下面输入文章内容：</p>

<p>

</p>

</form>

再建立如下写入数据库的文件002.asp

set conn=server.createobject("adodb.connection")

conn.open "driver={microsoft access driver (*.mdb)};dbq="server.mappath("123.mdb")

name=request.form("name")

exec="insert into guestbook

(name)values('"+name+"')"

conn.execute exec

conn.close

set conn=nothing

rs.close

set rs=nothing

conn.close

set conn=nothing

response.write "记录添加成功!"

数据库里要有name的字段。

操作时将浏览的网页中的内容拷贝，然后粘贴到001.HTML文件中的文件表单中，然后提交就到了数据库中。

比较简单你试试看。

要想高级一点的到网上下载个小偷程序参考一下。

一个完整的html代码怎么编写？

简单的htm的编写过程如下：

先新建一个文本文件，可以自己命名，如下图，我命名为测试。

编译文本，以最简单的代码格式为例<html> <head> <title> </title> </head> <body> </body></html>

在<body></body>写入你要写的内容,下面以hello world为例。

修改文件后缀名，将txt改为html。

测试是否成功，双击测试.html，如果出现了下面的内容，恭喜你，你已经学会了最简单的html编写。

怎么在html中写PHP代码,前台页面从后台数据库中取值,

方法如下

1、把$user的值赋值给全局数组。

2、header("Location: index.html"); 在这个代码传参数到index.html页面，index页面改成index.php

php代码可以写在html代码中的任意部分，只要带上<? ?> 界定标签就好了和平时写php没有任何区别。

但是需要注意的一点是，这个文件的后缀名要是 .php 的，所以更准确的说法应该是html写在了PHP文件中，这并不影响我们同时使用这两种语言。

实例

<?php

//连接数据库

$link = mysql_connect("localhost", "username", "password")

or die("Could not connect: " . mysql_error());

print ("Connected successfully");

//选择数据库

mysql_select_db('dbname', $link) or die ('Can\'t use db : ' . mysql_error());

//进行你想要的操作

$a =123;

<head>

</head>

<body>

<?php

echo $a;

</body>

</html>

用echo 直接输出到页面上就好了

扩展资料

集成开发环境是一种集成了软件开发过程中所需主要工具的集成开发环境，其功能包括但不仅限于代码高亮、代码补全、调试、构建、版本控制等。一些常见的PHP IDEs如下：

1、Zend Studio：商业版，Zend官方出品，基于eclipse

2、Eclipse with PDT：免费

3、Coda：商业版，针对Mac用户

4、NetBeans：免费，功能强大

5、PHP Storm：商业版

6、Aptana Studio：免费

7、PhpEd：商业版

8、Komodo IDE/Edit：IDE为商业版，Edit可免费使用

9、Adobe Dreamweaver：商业版

除去集成开发环境，具备代码高亮功能的常见文本编辑器因其轻巧灵活也常被选作开发工具，例如：Notepad++、Editplus、SublimeText、Everedit（国人开发）等等。

参考资料：百度百科 PHP的开放工具

关于怎么在html上写数据的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。

查看更多关于怎么在html上写数据 html写入数据库的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did121616

更新时间：2022-11-21 阅读：110次