html表單源碼
① 求html表單代碼
<html >
<head>
<title>注冊頁面</title>
</head>
<body>
<form action="" method="post">
<table>
<tr><th colspan="2">注冊用戶</th></tr>
<tr>
<td>姓名:</td>
<td><input type="text" name="userName" /></td>
</tr>
<tr>
<td>性別:</td>
<td>男:<input type="radio" name="userSex" value="男" checked="checked">女:<input type="radio" name="userSex" value="女"></td>
</tr>
<tr>
<td>年齡:</td>
<td><select name="userAge">
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="24">24</option>
</select></td>
</tr>
<tr>
<td>個人簡介:</td>
<td><textarea name="userInfo" cols="30" rows="15"></textarea></td>
</tr>
<tr>
<td>聯系電話:</td>
<td><input type="text" name="telephone" /></td>
</tr>
<tr>
<td>照片:</td>
<td><input type="file" name="userPhoto" /></td>
</tr>
</table>
</form>
</body>
</html>
② HTML 表單提交 的簡單代碼
1、打開Dreamweaver編輯器,准備好一個空白的html文件,寫入基本的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>
</select><p>
<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代碼
1、使用標簽<table></table>定義網頁的表格,使用style賦值類型將顯示在網頁。
⑤ 提交HTML表單到asp時返回的是asp原代碼。為什麼
UserName=Request.inputUser("usname")
PassWord=Request.inputUser("pwd")
'////////灶孫//////////////////////////////////////////////////////
'戚辯數樓主的理解有誤,不管你的表單名稱是什麽(inputUser,form1,fuser等),傳遞表單資高首料時(以樓主的方法),都是request.form,而不是把form變為你命名的表單名稱.
正確為:
UserName=Request.form("usname")
PassWord=Request.form("pwd")
⑥ html做個表格代碼
html做個表格的步驟如下:
1、首先新建一個html,點擊<body></body>中間,先填入表格內容;
⑦ 編寫一段創建一個表單的HTML代碼,表單包含以下內容:
表單
表單是一個包含表單元素的區中鋒域。
表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復選框等等)輸入信息的元素。
表單使用表單標簽(<form>)定義。
<form>
...
input 元素
...
</form>
輸入
多數情況下被用到的表單標簽是輸入標拿賀簽(<賣敏晌input>)。輸入類型是由類型屬性(type)定義的。大多數經常被用到的輸入類型如下:
文本域(Text Fields)
當用戶要在表單中鍵入字母、數字等內容時,就會用到文本域。
<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>
⑧ 需要一個HTML模板,用來做簡單的表單數據錄入
HTML做個數據錄入的模板。如下參考:
1、首先新建一個html,點擊<body></body>中間,先填入表格內容:
⑨ 給我用HTML做個表格,4行三列,最左邊那一列兩行,再做一個表單,加幾個按扭和下拉框,把源碼發給我
他們是說你給的分太寒磣了,不想打代碼,不過我覺笑埋春得你給的分也確實很寒磣啊!
<td colspan="" rowspan="">
colspan是合並欄的,rowspan是合並列的,
表單:
<form>液蠢
<select>
<input>
就碰耐這幾個屬性,自己去找.
⑩ 表單HTML代碼
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""
">
<htmlxmlns="
">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>無標題文檔</title>
<style>
h1{color:#F00}
p{font-size:16px}
</style>
<scripttype="text/javascript">
functionMM_jumpMenu(targ,selObj,restore){//v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if(restore)selObj.selectedIndex=0;
}
</script>
</head>
<body>
<h1align="center">會員注冊</h1>
<tablewidth="805"align="center">
<tr>
<tdwidth="94"height="45"valign="middle">用 戶 名:</td>
<tdcolspan="4"valign="middle"><formid="敗檔form1"name="form1"method="post"action="">
<labelfor="textfield"></label>
<inputtype="text"name="textfield"id="textfield"width="200"height="25"/>
</form></td>
</tr>
<tr>
<tdheight="41"valign="middle">密 碼:</td>
察慧亂<tdcolspan="4"valign="middle"><formid="form2"name="form2"method="post"action="">
<labelfor="textfield2"></label>
<inputtype="password"name="textfield2"id="textfield2"width="200"height="25"/>
</form></td>
</tr>
<tr>
<tdheight="39"valign="middle">性 別:</td>
<tdcolspan="4"valign="middle"><formid="form3"name="form3"method="post"action="">
<inputtype="radio"name="radio2"id="radio2"value="radio2"/>
<labelfor="radio"></label>
男
<inputtype="radio"name="radio2"id="radio2"value="radio2"/>
<labelfor="radio2"></label>
女
</form></td>
</tr>
<tr>
<tdheight="41"valign="middle">出 生 年 月:</td>
<tdcolspan="4"valign="middle"><formid="form4"name="form4"method="post"action="">
<labelfor="textfield3"></label>
<inputtype="text"name="textfield3"id="textfield3"width="20"height="20"/>
年<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
碧粗<option>10</option>
<option>11</option>
<option>12</option>
</select>
月<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>15</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
日
</form></td>
</tr>
<tr>
<tdheight="42"valign="middle">地 址:</td>
<tdcolspan="4"valign="middle"><formid="form5"name="form5"method="post"action="">
<labelfor="textfield4"></label>
<inputtype="text"name="textfield4"id="textfield4"width="200"height="25"/>
</form></td>
</tr>
<tr>
<tdheight="38"valign="middle">愛 好:</td>
<tdcolspan="4"valign="middle"><formid="form6"name="form6"method="post"action="">
<inputtype="checkbox"name="checkbox"id="checkbox"/>
<labelfor="checkbox"></label>
體育
<inputtype="checkbox"name="checkbox2"id="checkbox2"/>
<labelfor="checkbox2"></label>
旅遊
<inputtype="checkbox"name="checkbox2"id="checkbox2"/>
<labelfor="checkbox2"></label>
讀書
<inputtype="checkbox"name="checkbox2"id="checkbox2"/>
<labelfor="checkbox2"></label>
電腦
<inputtype="checkbox"name="checkbox2"id="checkbox2"/>
<labelfor="checkbox2"></label>
音樂
</form></td>
</tr>
<tr>
<tdheight="41"valign="middle">上 傳 形 象:</td>
<tdcolspan="4"valign="middle"><formid="form7"name="form7"enctype="multipart/form-data"method="post"action="">
<labelfor="fileField"></label>
<inputtype="file"name="fileField"id="fileField"width="200px"height="25px"/>
</form></td>
</tr>
<tr>
<tdheight="99"valign="middle">個 人 簡 介:</td>
<tdcolspan="4"valign="middle"><formid="form8"name="form8"method="post"action="">
<labelfor="textarea"></label>
<textareaname="textarea"id="textarea"cols="45"rows="5"></textarea>
</form></td>
</tr>
<tr>
<tdheight="44"valign="middle">友 情 鏈 接:</td>
<tdcolspan="4"valign="middle"><formname="form"id="form">
<selectname="jumpMenu"id="jumpMenu"onchange="MM_jumpMenu('parent',this,0)">
<optionvalue="
">網路</option>
<optionvalue="
">網易</option>
</select>
</form></td>
</tr>
<tr>
<tdheight="42"colspan="5"align="center"valign="middle"><formid="form9"name="form9"method="post"action="">
<inputtype="submit"name="button"id="button"value="提交"/>
<inputtype="reset"value="重置"/>
</form></td>
</tr>
</table>
</body>
</html>