当前位置:首页 » 操作系统 » html表单源码

html表单源码

发布时间: 2023-05-07 06:54:16

① 求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">用&nbsp;&nbsp;户&nbsp;&nbsp;&nbsp;名:</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">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</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">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</td>
<tdcolspan="4"valign="middle"><formid="form3"name="form3"method="post"action="">
<inputtype="radio"name="radio2"id="radio2"value="radio2"/>
<labelfor="radio"></label>
男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<inputtype="radio"name="radio2"id="radio2"value="radio2"/>
<labelfor="radio2"></label>

</form></td>
</tr>
<tr>
<tdheight="41"valign="middle">出&nbsp;生&nbsp;年&nbsp;月:</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">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址:</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">爱&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;好:</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">上&nbsp;传&nbsp;形&nbsp;象:</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">个&nbsp;人&nbsp;简&nbsp;介:</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">友&nbsp;情&nbsp;链&nbsp;接:</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="提交"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<inputtype="reset"value="重置"/>
</form></td>
</tr>
</table>
</body>
</html>

热点内容
cs16制作脚本 发布:2025-05-16 18:44:25 浏览:443
分油算法 发布:2025-05-16 18:36:19 浏览:690
吃鸡低配置手机如何开极致画质 发布:2025-05-16 18:15:20 浏览:191
空密码访问 发布:2025-05-16 18:08:51 浏览:892
腾讯云服务器安全规则设置 发布:2025-05-16 17:51:33 浏览:650
k3服务器不可用怎么办 发布:2025-05-16 17:51:30 浏览:537
编辑html源码 发布:2025-05-16 17:45:45 浏览:65
边的存储方法 发布:2025-05-16 17:33:16 浏览:927
海量服务器怎么拆 发布:2025-05-16 17:31:07 浏览:211
运行与编译的区别 发布:2025-05-16 17:25:02 浏览:824