HTML表單制作模板（css表單模板）
今天給各位分享HTML表單制作模板的知識，其中也會對css表單模板進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！
本文目錄一覽：
- 1、利用HTML語言完成下列表單的制作..求大神
- 2、我想做一個(gè)html格式的打印模板，該怎么做呢？
- 3、html怎么制作一個(gè)表單+按鈕
- 4、html 寫一個(gè)旅游申請表的表單
- 5、用HTML編寫一個(gè)表單的程序
利用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"請留下個(gè)人資料/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"?/運(yùn)動?input?type="checkbox"?name="cb2"?/閱讀?input?type="checkbox"?name="cb2"?/聽音樂?input?type="checkbox"?name="cb2"?/旅游/td/tr
/table
/div
/div
/body
/html
我想做一個(gè)html格式的打印模板，該怎么做呢？
這個(gè)格式，你用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怎么制作一個(gè)表單+按鈕
你彈出框框干什么？具體要彈出什么內(nèi)容？
直接在按鈕上加事件代碼：
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 寫一個(gè)旅游申請表的表單
!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"
聯(lián)系方式：
/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"
旅游景點(diǎn)：
/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"
旅游時(shí)間：
/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編寫一個(gè)表單的程序
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確認(rèn)密碼：
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個(gè)人愛好：
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個(gè)人愛好:"+document.getElementById("c").value+"\n籍貫:"+document.forms[0].d.options[document.forms[0].d.selectedIndex].value;
alert(result)
}
}
//--
/SCRIPT
HTML表單制作模板的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于css表單模板、HTML表單制作模板的信息別忘了在本站進(jìn)行查找喔。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明：本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布，如需轉(zhuǎn)載請注明出處。
