html5表单模板,html5列表页模板

求一个HTML5 表单的写法例子

表单是用来获取用户输入的一些数据，最常见的就是注册，登录之类的；

我们提供的服务有：成都网站制作、成都网站建设、微信公众号开发、网站优化、网站认证、淮阳ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的淮阳网站制作公司

首先，打开IDEA软件，并新建一个工程，建好后，右键创建一个html5文件，完成后便完成了最开始的工作；

接着我们先熟悉一些较常用的表单标签：表单form，  输入域input，文本域textarea，按钮button，域的标题legend，控制标签label等。我们创建一个form,如图，输入一些你想要创建的东西（我演示的仅为用户密码）；

打开网页看效果图，便是这样的效果了，拥有了最简单的帐号密码；

同时，我们还可以添加一些选择的元素，如你喜欢什么游戏；

html5中如何通过点击按钮 自动填写表单

可以写一个为表单内元素赋值的方法，三个按钮上面添加点击事件，点击时调用这个赋值方法，但是传的参数不一样，在方法中根据不同的参数，为表单赋不同模板的值。

不知上面是否写的清楚，我写了一个对应的小demo：

html

head

titledemo/title

script type="text/javascript" src="jquery-1.8.3.js"/script

script type="text/javascript"

function demo(demo){

if(demo ==1){

$("#input1").attr("value","这是模板1");

$("#input2").attr("value",demo);

} else if(demo ==2){

$("#input1").attr("value","这是模板2");

$("#input2").attr("value",demo);

} else if(demo ==3){

$("#input1").attr("value","这是模板3");

$("#input2").attr("value",demo);

}

}

/script

/head

body

button onclick="demo(1)"模板1/button

button onclick="demo(2)"模板2/button

button onclick="demo(3)"模板3/button

form

input id="input1" type="text"/

input id="input2" type="text"/

/form

/body

/html

以上，希望对你有帮助！

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

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

1、首先新建一个html，点击body/body中间，先填入表格内容：

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

table

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

tr

th语文/th

td7:00-7:40/td

td7:50-8:30/td

/tr

tr

th数学/th

td7:00-7:40/td

td7:50-8:30/td

/tr

tr

th英文/th

td7:00-7:40/td

td7: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模板。