HTML表单制作模板（css表单模板）
今天给各位分享HTML表单制作模板的知识，其中也会对css表单模板进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
- 1、利用HTML语言完成下列表单的制作..求大神
- 2、我想做一个html格式的打印模板，该怎么做呢？
- 3、html怎么制作一个表单+按钮
- 4、html 写一个旅游申请表的表单
- 5、用HTML编写一个表单的程序
利用HTML语言完成下列表单的制作..求大神
html
head
style
html,body{margin:0px;text-align:center;}
.main{width:1000px;margin:0px auto;padding-top:30px;}
.title{font-size:18px;text-decoration:underline;font-weight:bold;}
.formtable{width:100%;font-size:12px;margin-top:20px;}
.lefttd{width:350px;text-align:right;}
.righttd{text-align:left;}
.etxt{width:300px;}
.etel{width:200px;}
.eta{width:320px;height:100px;}
/style
/head
body
div class="main"
divspan class="title"请留下个人资料/span/div
div
table class="formtable"
trtd class="lefttd"姓名：/tdtd class="righttd"input type="text" //td/tr
trtd class="lefttd"E-mail：/tdtd class="righttd"input type="text" class="etxt" //td/tr
trtd class="lefttd"电话：/tdtd class="righttd"input type="text" class="etel" //td/tr
trtd class="lefttd"性别：/tdtd class="righttd"input type="radio" checked="checked" name="rd" /女 input type="radio" checked="checked" name="rd" /男/td/tr
trtd class="lefttd"年龄：/tdtd class="righttd"selectoption20以下/optionoption20以上/option/select/td/tr
trtd class="lefttd"留言板：/tdtd class="righttd"textarea class="eta"/textarea/td/tr
trtd class="lefttd"您的爱好：/tdtd class="righttd"input type="checkbox" name="cb1" /运动 input type="checkbox" name="cb2" /阅读 input type="checkbox" name="cb2" /听音乐 input type="checkbox" name="cb2" /旅游/td/tr
/table
/div
/div
/body
/html
我想做一个html格式的打印模板，该怎么做呢？
这个格式，你用table做出来，然后外面包裹div：
div id="N_info_content"表格/div
script
function print(){
var ele = document.getElementById("N_info_content");
var w = window.open('about:blank');
setTimeout(function(){
w.document.body.innerHTML = ele.innerHTML;
w.print();},100)
}
/script
html怎么制作一个表单+按钮
你弹出框框干什么？具体要弹出什么内容？
直接在按钮上加事件代码：
Form name="form1" id="form1" action="123.html" metod="post"
input type="submit" value="确定" onclink="if(confirm('你确定吗？'){document.form1.submit()}else{return false}"
/form
html 写一个旅游申请表的表单
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
title旅游申请/title
/head
body
center
form action="Result.txt" method="post" name="myform"
旅游申请表
br/
br/
table
tr align="left"
td align="right"
姓名：
/td
td
input type="text" name="name"
/td
/tr
tr align="left"
td align="right"
性别：
/td
td
input type="radio" name="sex" value="man"男input type="radio" name="sex" value="woman"女
/td
/tr
tr align="left"
td align="right"
出生年月：
/td
td
select name="burndate"
option1960/option
option1961/option
option1962/option
option1963/option
option1964/option
option1965/option
option1966/option
option1967/option
option1968/option
option1969/option
option1970/option
option1971/option
option1972/option
option1973/option
option1974/option
option1975/option
option1976/option
option1977/option
option1978/option
option1979/option
option1980/option
option1981/option
option1982/option
option1984/option
option1985/option
option1986/option
option1987/option
option1988/option
option1989/option
option1990/option
option1991/option
option1992/option
option1993/option
option1994/option
option1995/option
option1996/option
option1997/option
option1998/option
option1999/option
option2000/option
option2001/option
option2002/option
option2003/option
option2004/option
option2005/option
option2006/option
option2007/option
option2008/option
option2009/option
option2010/option
/select
年
select
option1/option
option2/option
option3/option
option4/option
option5/option
option6/option
option7/option
option8/option
option9/option
option10/option
option11/option
option12/option
/select
月
/td
/tr
tr align="left"
td align="right"
住址：
/td
td
input type="text" name="address"
/td
/tr
tr align="left"
td align="right"
联系方式：
/td
td
input type="text" name="phonenum"
/td
/tr
tr align="left"
td align="right"
申请日期：
/td
td
input type="text" name="aplydate"
/td
/tr
tr align="left"
td align="right"
旅游景点：
/td
td
华山input type="checkbox" name="place" value="华山" 嵩山input type="checkbox" name="place" value="嵩山" 花果山input type="checkbox" name="place" value="花果山" 黄山input type="checkbox" name="place" value="黄山"
/td
/tr
tr align="left"
td align="right"
旅游时间：
/td
td
input type="text" name="traveltime"
/td
/tr
tr align="left"
td align="right"
备注：
/td
td
textarea name="remarks" cols="20" rows="5"
/textarea
/td
/tr
/table
/form
/center
/body
/html
用HTML编写一个表单的程序
html
head/head
body
form id="form1" name="form1" method="post" onsubmit ="return check();" action=""
p用户名：
input type="text" name="textffield" id="textffield" /
/p
p密码：
input type="password" name="textfield2" id="textffield2" /
/p
p确认密码：
input type="password" name="textfield3" id="textffield3"/
/p
p性别：
input type="radio" name="s" id ="s" value="男" checked/
男
input type="radio" name="s" id ="s" value="女" /
女/p
p个人爱好：
input type="checkbox" name="c" id= "c" value="旅游" checked/
旅游
input type="checkbox" name="c" id="c" value="看书" /
看书/p
p籍贯：
select name="select1" size="1" id= "d"
option value ="北京" selected北京/option
option value ="上海"上海/option
option value ="南京"南京/option
option value ="杭州"杭州/option
option value ="武汉"武汉/option
/selectp
input type="submit" name="Submit" value="提交" /
input type="reset" name="Submit2" value="重置" /
/form
/body
/html
SCRIPT LANGUAGE="JavaScript"
!--
function check()
{
var result
if(document.getElementById("textffield").value==""){
alert('对不起,用户名不能为空');
document.getElementById("textffield").focus();
return false;
}
else if(document.getElementById("textffield2").value==""){
alert('对不起,密码不能为空');
document.getElementById("textffield2").focus();
return false;
}else if(document.getElementById("textffield3").value!=document.getElementById("textffield2").value){
alert('对不起,两次输入的密码不相同');
document.getElementById("textffield3").focus();
return false;
}else{
result="用户名:"+document.getElementById("textffield").value+"\n性别:"+document.getElementById("s").value+"\n个人爱好:"+document.getElementById("c").value+"\n籍贯:"+document.forms[0].d.options[document.forms[0].d.selectedIndex].value;
alert(result)
}
}
//--
/SCRIPT
HTML表单制作模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css表单模板、HTML表单制作模板的信息别忘了在本站进行查找喔。
