需要一个HTML模板,用来做简单的表单数据录入

作者&投稿:靳王 (若有异议请与网页底部的电邮联系)
用html做一个简单的表单,怎么提交到数据库?jsp数据库用什么都无所谓!给一个详细的过程和代码!~

我用php写吧,习惯了用php

http://wenku.baidu.com/view/41616d2bed630b1c59eeb594.html
http://wenku.baidu.com/view/1861c537b90d6c85ec3ac672.html
http://wenku.baidu.com/view/28aa28ec998fcc22bcd10d8b.html
http://wenku.baidu.com/view/0798c637b90d6c85ec3ac695.html
上边4个全都是PPT图文详细教程,看完了应该简单的没问题

HTML做个数据录入的模板。如下参考:

1、首先新建一个html,点击<body></body>中间,先填入表格内容:

2.内容可根据要求编写,示例代码如下:

<table>

<p style="text-align:center ">功课表</p>

<tr>

<th>语文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>数学</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>英文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

</table>

3.然后在<head></head>中间输入样式表的样式,如下图:

4.样式也可以根据个人需要设置,设置单元格的宽度高度,合并单元格,位置,颜色等,示例代码如下:

<style type="text/css">

body

{

width:340px;

height:800px;

}

table

{

border-collapse:collapse;

}

th,td

{

width:100px;

height:40px;

border:1pxsolidblack;

font-size:12px;

text-align:center;

}

</style>

5.注意,此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。

6.预览结果如下图所示,一个制作简单的HTML模板。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> - PHP2WORD 邮件与信封生成 - </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<style type="text/css">
body{
font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
}

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ———– My Form ———– */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ———– stylized ———– */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}

#stylized h1 {
font-size:16px;
font-weight:bold;
margin-bottom:8px;
}

#stylized p{
font-size:12px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}

#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}

#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

#stylized input{
float:left;
font-size:15px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

#stylized .sub{
clear:both;
margin-left:150px;
width:120px;
height:32px;
line-height:20px;
border:1px solid #8b9c56;
background:url("../images/bt_bg.gif") 0px -64px;
text-align:center;
color:#336600;
font-size:15px;
font-weight:bold;
cursor:pointer;
}

.red{
color:#ff0000;
}
.blue{
color:#0000FF;
}
</style>

</head>
<body>

<div id="stylized" class="myform">
<form id="form" name="form" method="post" action="index.php">
<h1>表单标题</h1>
<p>副标题以及需要<span class="red">注意的 </span> 和 <span class="blue">醒目的 </span>事项</p>
<label>用户名
<span class="small">就当他是用户名好了</span>
</label>
<input type="text" name="name" id="name" value="" />

<label>邮件地址
<span class="small">其他类似这样哦</span>
</label>
<input type="text" name="num" id="num" value="" />

<input class="sub" type="button" value="提交"/>
<div class="spacer"></div>

</form>
</div>

</body>
</html>


html模板语言有哪些
Jekyll是一个基于Ruby的静态网站生成器,它使用简单的文本文件作为模板语言来创建网站。Jekyll模板包含预定义的布局和结构,可以轻松地生成静态网页,并集成博客、文档网站等。5. Pug Pug是一种预处理器,用于将HTML代码转化为更易读和更简洁的形式。它支持各种编程风格和功能,并提供了模板继承等高级功能。...

20个设计优秀的HTML网站设计模板下载
HTML5 CSS3单页网站模板,使用Bootstrap,Fancybox,jQuery Waypoints,Animate.css,Flickity等相关框架和插件。在线演示 | 进入下载页| 微盘下载 CYRUS STUDIO 单页企业模板,时尚大气,支持手机网页。在线演示 | 微盘下载 La Casa 顶面菜单与banner图片接合得很好,很漂亮。La Casa是一个响应式HTML5模...

网页设计模板html代码
<\/html> html代码的作用 1、结构化内容:HTML用于定义网页的结构,使得内容以有意义的方式呈现。例如,标题、段落、列表、链接等都可以通过特定的HTML标签进行标识。2、链接资源:HTML中的“a”标签允许我们创建超链接,使网页与外部资源(如其他网页、图片、视频等)关联起来。3、插入多媒体:通过“img...

50个高品质的免费HTML5和CSS3网页模板
Restaurant Website Template (Demo|Download)Website Template for Design Studio (Demo|Download)Tasty-Looking Skin for Culinary Site (Demo|Download)BisLite Html5 Theme (Demo|Download)CSS3 Gallery Garden (Demo|Download)My Hotel (Demo|Download)Nina Html5 Theme (Demo|Download)Photoartwork Bo...

html5如何创建模板html模板怎么搭建
01首先,我们打开Ultraedit软件,然后切换到编辑菜单,并单击插入模板下的修改模板选项,如下图所示。02接下来,在弹出的修改模板界面中,在模板组的下拉框中选择HTML选项,如下图所示 03然后我们点击左下角的加号按钮添加一个模板,如下图所示。04接下来,在“模板”面板中为新模板命名,如下图所示。05...

需要一个HTML模板,用来做简单的表单数据录入
HTML做个数据录入的模板。如下参考:1、首先新建一个html,点击<body><\/body>中间,先填入表格内容:2.内容可根据要求编写,示例代码如下:<table> <p style="text-align:center ">功课表<\/p> <tr> <th>语文<\/th> <td>7:00-7:40<\/td> <td>7:50-8:30<\/td> <\/tr> <tr> <th>...

html5综合性门户静态网站模板模板
这款HTML5综合门户静态网站模板的开发基础扎实,主要采用Windows 10作为系统开发平台,技术框架由HTML、div、css构建,结合强大的jQuery前端框架,为网站提供了流畅的交互体验。在开发工具方面,我们支持多款编辑器,如VSCode、HBuilder和Dreamweaver,它们为开发过程提供了高效且灵活的环境。为了确保兼容性,浏览...

怎么设计html模块html页面设计模板
有几种方式1、最简单,在店铺装修中,找到店招模块,按规定的尺寸制作一张图片,并传到图片相册中,复制网址,在店招模块中,发布一个图片占位,将图片地址复制进去即可2、稍微有难度,是在店招模块中,用HTML代码设置一组可以链接到若干页面的组合功能模块,这个需要Photoshop切片工具,Dreamweaver网页制作工具...

HTML5企业网站模板有何优点?网页制作模板下载就能建站吗?
HTML5响应式网站的出现真正实现了多个终端对同一个网站进行访问,促进了公司的全网营销,还在很大程度上降低了公司建站的成本。网页制作模板下载就能直接建站吗?1、下载安装即可网站现在市面上出现了很多的网页制作模板,只要直接下载、安装模板,然后对网站的logo进行更换,对里面的相关内容以及产品信息等数据...

怎样创建html的模板
利用dw软件,创建模板分为两类,一是新建,而是将现有文档保存为模板。在文档打开时选择“文件-另存为模板”命令,在弹出的对话框中选择一个用来保存模板的站点,并在“另存为”文本框中为模板选个名字,点击保存即可。

神池县17320659691: 需要一个简单网页的全部html代码 -
闫厘森安: 标准模板代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> 内容</body> </html> 一个模仿百度首页的模板 <!doctype html><html><head><meta charset="utf-8"><title>百度首页</title></head> ...

神池县17320659691: 需要一个HTML模板,用来做简单的表单数据录入 -
闫厘森安: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title> - PHP2WORD 邮...

神池县17320659691: 求一个HTML文件,超级简单的,就几行HTML -
闫厘森安: <a href=" http:www.xxx.com">xxx</a><a href=" http:www.xxx.com">xxx</a> 这样就ok了

神池县17320659691: 急求做个简单html网页 交作业用的 -
闫厘森安: 前提:随便你在电脑里那个盘里新建文件夹,命名为:love,然后在这个文件夹里,分别建六个html文件,命名的话就像下面(如果真的不会,就在文件夹里新建六个txt记事本,建好之后分别重命名为以下的名称.).首先,主页为:index.html,...

神池县17320659691: 如何用文本做一个简单的HTML网页 -
闫厘森安: 方法/步骤 1 首先我们在桌面点击右键找到新建.2 然后点击新建中的文本文档3 这时候桌面会多出一个文件,我们可以对它进行命名、修改等操作.4 现在我们双击进入修改.5 在文本框内输入图中代码.6 现在我们点击保存并退出修改.7 右键它进行重命名,将后缀改为html. 会弹出一个窗口我们点击是,然后我们就会发现文本变成了网页.8 最后我们就可以双击它,进行查看了. 真棒,这就是你完成的第一个网页了. 虽然很简单,但我们可以通过加入更多的代码去丰富它.

神池县17320659691: 制作一个简单的index.html网页 -
闫厘森安: <html> <head> <title>网页设计与网站建设课程网站</title> <meta http-equiv="keywords" content="网页设计,网站建设,课程信息"> <meta http-equiv="description" content="网页设计与网站建设课程网站"> <meta http-equiv="content-...

神池县17320659691: 求一个简单的HTML语言代码 -
闫厘森安: <P align=center>&nbsp;<EMBED src= http://hozhwang.vip.oldkids.cn/fla501.swf width=450 height=200 type=application/x-shockwave-flash menu="true" play="true" loop="true" allowNetworking="internal" ></P>

神池县17320659691: 谁有简单的静态网页模板?模版越简单越好!!求助.发给我下,谢了,越简单越好啊!直接上50分.. -
闫厘森安: 简单的静态网页,在word中输入任意个字符,然后另存为*.html文件即可

神池县17320659691: 如何建立一个html网页文件 -
闫厘森安: 打开记事本,输入以下内容 你的标题 这部分是网页的主体 文件另存为.html格式,一个最简单的html文件就完成了

神池县17320659691: 怎么用HTML做淘宝模板,急 -
闫厘森安: HTML怎么制作模版,HTML是一个页面,如果您要做模版可以在管理店铺里面有促销模版和导航模版一系列里面选一个您需要的然后编辑修改一下就可以了,素材很多,操作简单、

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网