表单源码

发布时间: 2022-01-08 22:02:54

‘壹’ 找一个表单代码。

支持键盘事件,支持自动添加"http://",敲入www.hit.e.cn,回车试一下!
<script language="javascript">
function openUrl(){
var aUrl = document.getElementById('url').value;
if(aUrl.indexOf('http://') == -1){
aUrl = 'http://' + aUrl;
}
window.open(aUrl);
}
function keyDown(evt){
if(evt.keyCode == 13){
openUrl();
}
}
</script>
<form>
<input size="120" onkeydown="keyDown(event)" type=text id=url>
<input type="button" value="打开网页" onclick="openUrl()">
</form>

‘贰’ 做这个表单的源代码

想看源代码可以直接右键点击“查看网页源代码”

‘叁’ 表单的代码

<form></form>
功能：用于申明表单，定义采集数据的范围，也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。
语法：<FORM ACTION=URL METHOD=GET|POST ENCTYPE=MIME TARGET=...>. . .</FORM>
属性解释见下表：
action=url用来指定处理提交表单的格式.它可以是一个URL地址(提交给程式)或一个电子邮件地址.
method=get或post指明提交表单的HTTP方法.可能的值为： post：POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中. get：不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用.
enctype=cdata指明用来把表单提交给服务器时(当method值为post)的互联网媒体形式.这个特性的缺省值是application/x-www-form-urlencoded
TARGET=...指定提交的结果文档显示的位置： _blank ：在一个新的、无名浏览器窗口调入指定的文档； _self ：在指向这个目标的元素的相同的框架中调入文档； _parent ：把文档调入当前框的直接的父FRAMESET框中；这个值在当前框没有父框时等价于_self； _top ：把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架)；这个值等价于当前框没有你框时的_self.
例如：
表示表单将向以post的方式提交，提交的结果在新的页面显示，数据提交的媒体方式是默认的application/x-www-form-urlencoded方式；
表单域
表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等，用于采集用户的输入或选择的数据，下面分别讲述这些表单域的代码格式：文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。
代码格式：<input type=text name=... size=... maxlength=... value=...>
属性解释：
type=text定义单行文本输入框；
name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义文本框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
value属性定义文本框的初始值
样例1：
样例1代码：
<input type=text name=example1 size=20 maxlength=15 /> 也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。
代码格式：<TEXTAREA name=... cols=... rows=... wrap=VIRTUAL></TEXTAREA>
属性解释：
name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
cols属性定义多行文本框的宽度，单位是单个字符宽度；
rows属性定义多行文本框的高度，单位是单个字符宽度；
wrap属性定义输入内容大于文本域时显示的方式，可选值如下：
默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现； Off，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用Return才能将插入点移到下一行； Virtual，允许文本自动换行。 Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理。
样例2：
样例2代码：
<TEXTAREA name=example2 cols=20 rows=2 wrap=PHYSICAL></TEXTAREA> 是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。
代码格式：<input type=password name=... size=... maxlength=...>
属性解释：
type=password定义密码框；
name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义密码框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
样例3：
样例3代码：
<input type=password name=example3 size=20 maxlength=15> 隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。
代码格式：<input type=hidden name=... value=...>
属性解释：
type=hidden定义隐藏域；
name属性定义隐藏域的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
value属性定义隐藏域的值
例如：<input type=hidden name=ExPws value=dd> 复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。
代码格式：<INPUT type=checkbox name=... value=...>
属性解释：
type=checkbox定义复选框；
name属性定义复选框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
value属性定义复选框的值
样例4：
样例4代码：
<input type=checkbox name=yesky value=09>xxxcom
<input type=checkbox name=Chinabyte value=08> 当需要访问者在待选项中选择唯一的答案时，就需要用到单选框了。
代码格式：<input type=radio name=... value=...>
属性解释：
type=radio定义单选框；
name属性定义单选框的名称，要保证数据的准确采集，单选框都是以组为单位使用的，在同一组中的单选项都必须用同一个名称；
value属性定义单选框的值，在同一组中，它们的域值必须是不同的。
样例5：
样例5代码：
<input type=radio name=myFavor value=1>
<input type=radio name=myFavor value=2> 有时候，需要用户上传自己的文件，文件上传框看上去和其它文本域差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
注意：在使用文件域以前，请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE=multipart/form-data来确保文件被正确编码；另外，表单的传送方式必须设置成POST。
代码格式：<input type=file name=... size=15 maxlength=100>
属性解释：
type=file定义文件上传框；
name属性定义文件上传框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义文件上传框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
样例6：
样例6代码：
<input type=file name=myfile size=15 maxlength=100> 下拉选择框允许你在一个有限的空间设置多种选项。
代码格式：
<select name=... size=... multiple>
<option value=... selected>...</option>
...
</select>
属性解释：
size属性定义下拉选择框的行数；
name属性定义下拉选择框的名称；
multiple属性表示可以多选，如果不设置本属性，那么只能单选；
value属性定义选择项的值；
selected属性表示默认已经选择本选项。
样例7：
样例7代码：
<select name=mySel size=1>
<option value=1 selected></option>
<option value=d2></option>
</select>
样例8：
按Ctrl可以多选
样例8代码：
<select name=mySelt size=3 multiple>
<option value=1 selected></option>
<option value=d2></option>
<option value=3></option>
</select> 表单按钮控制表单的运作。
1.3.1 提交按钮
提交按钮用来将输入的信息提交到服务器。
代码格式：<input type=submit name=... value=...>
属性解释：
type=submit定义提交按钮；
name属性定义提交按钮的名称；
value属性定义按钮的显示文字；
样例9：
样例9代码：
<input type=submit name=mySent value=发送>
1.3.2 复位按钮
复位按钮用来重置表单。
代码格式：<input type=reset name=... value=...>
属性解释：
type=reset定义复位按钮；
name属性定义复位按钮的名称；
value属性定义按钮的显示文字；
样例10：
样例10代码：
<input type=reset name=myCancle value=取消>
1.3.3 一般按钮
一般按钮用来控制其他定义了处理脚本的处理工作。
代码格式：<input type=button name=... value=... onClick=...>
属性解释：
type=button定义一般按钮；
name属性定义一般按钮的名称；
value属性定义按钮的显示文字；
onClick属性，也可以是其它的事件，通过指定脚本函数来定义按钮的行为；
样例11：
样例11代码：
<input type=button name=myB value=保存 onClick=javascript:alert('it is a button')>
二．表单
表单是用来提交资料、意见，规范流程执行过程的格式。

‘肆’ 谁能帮写个简单的html表单源代码

这是以前在学校写的自己拿去改改吧
那个发邮件的指定到你邮箱的功能不是html能实现的饿- -！

<html>
<head>
<title>表单源码</title>
<head>
<body bgcolor="#A0EEDC">
<form method="post" action="c:\" name="myform" enctype="multipart/form-data">
<table bgcolor="#DAB4F1" width="60%" height="70%" align="center" border="0" bordercolor="red" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" bgcolor="#A3C2E4" align="center" width="100%" >请完成以下表格</td>
</tr>
<tr>
<td align="right" width="30%">姓名 </td>
<td><input type="text" name="yhm" size="10" maxlength="15"/></td>
</tr>
<tr>
<td> </td>
<td align="left"><font size="2">请在此处填写姓名,</font><br/><font face="黑体" color="#ff0000" size="3">字符最长为四个汉字，或八个英文字母</font><td>
</tr>
<tr>
<td align="right">性别 </td>
<td>
<input type="radio" name="xb" value="男"/>男
<input type="radio" name="xb" value="女"/>女
</td>
</tr>
<tr>
<td align="right">电子邮件地址 </td>
<td><input type="text" name="dzyj" size="40" maxlength="50"/></td>
</tr>
<tr>
<td align="right">职业</td>
<td>
<select name="zy">
<option value="0" selected>传播/媒体 </option>
<option value="1">计算机/IT</option>
<option value="2">金融</option>
<option value="3">教育</option>
<option value="4">其他</option>
</select>
</td>
</tr>
</>
<tr>
<td align="right">个人爱好</td>
<td>
<input type="checkbox" name="ah" value="0"/>电脑网络
<input type="checkbox" name="ah" value="1"/>影视娱乐
<input type="checkbox" name="ah" value="2"/>棋牌游戏 <br/>
<input type="checkbox" name="ah" value="3"/>读书读报
<input type="checkbox" name="ah" value="4"/>美酒佳肴
<input type="checkbox" name="ah" value="5"/>绘画书法
</td>
</tr>
<tr>
<td> </td>
<td><font face="楷体" size="3">在此选择兴趣爱好，可以选择一个以上的选项。</td>
</tr>
<tr>
<td align="right">留言内容</td>
<td><textarea cols="25" rows="4" name="liuyan"></textarea></td>
</tr>
<tr>
<td colspan="2" bgcolor="#A3C2E4" align="center" width="100%" ><font size="2">请完成后，选择下面的Submit按钮提交表单。</font></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="tj" value="Sumbit"/>
<input type="reset" name="qk" value="Reset"/>
</td>
</tr>
</table>
</form>
</body>
</html>

‘伍’ HTML 表单提交的简单代码

1、打开Dreamweaver编辑器，准备好一个空白的html文件，写入基本的html结构：

‘陆’ 制作一个很简单网页表单代码

<html>
<head>
<title>进入下一页吗</title>
<script language="JavaScript" type="text/javascript">
var http="zjc.ncu.cn/fws";//预设的网址

var url="next.html";//正确后转到网址

function gohttp(o){
if(o.http.value==http){
document.location.reload(url);}
}
</script>

</head>
<body style=" text-align:center"><form action="" method="get">请输入网址：<input name="http" type="text" size="40" /><br>
<input type="button" onClick="gohttp(this.form);" value="进入">
</form>
</body>
</html>

将以上内容复制到记事本后，另存为"xxx.html"

对回答的内容有问题，或认为不妥，网络消息我。
（在消息的内容里加上问题的网址哦）

‘柒’ 制作一个表单，求源代码！！！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
function a(v){
if( v == "11020010710032" ){
document.getElementsByName("xuli").action="\\xueli\\1103651402008\\result.html";
}else if( v == "00000000000000" ){
document.getElementsByName("xuli").action="\\xueli\\1108073894215\\result.html";
}else if( v == "116471200306000552" ){
document.getElementsByName("xuli").action="\\xueli\\1184672192406\\result.html";
}
}
</script>
<BODY>
<table>
<form method="post" name="xuli" id="xuli" action="">
<tr>
<td width="70" height="26"><img src="/xlcx/images/200411/xlcx_zsbh.gif"></td>
<td height="26"><input name="bianhao" type="text" class="input" id="bianhao" size="36" onblur="a(this.value)" maxlength="20">
<a href="#zs"><u><font color="#FF0000">编号规则</font></u></a></td>
</tr>
<tr>
<td height="26"><img src="/xlcx/images/200411/xlcx_xm.gif" width="25" height="12"></td>
<td height="26"><input name="XM" maxlength="24" type="text" size="26" class="input"></td>
</tr>
<tr>
<td height="26"><img src="/xlcx/images/200411/xlcx_cxm.gif" width="38" height="12"></td>
<td height="26"><input name="QueryID" maxlength="15" type="text" size="26" class="input">

<input name="freeQuery" type="checkbox" value="1" style="border:#FFFFFF solid 0px;height:16px" onClick="xlcx();"><font color="#FF0000">2007</font>

<a href="javascript:cxm();"><u>获取查询码</u></a></td>
</tr>
<tr>
<td height="26"><img src="/xlcx/images/200411/xlcx_yzm.gif" width="38" height="12"></td>
<td height="26"><input name="CHKNUM" type="text" id="CHKNUM" size="4" maxlength="4" class="input">

<SCRIPT>
document.write("<img border=0 align=center src=/ValidatorIMG.JPG?ID=" + Math.random()*10000 + ">")
</SCRIPT>
输入图片中的四个数字（<span class="STYLE1">半角输入状态</span>）</td>
</tr>
<tr>
<td height="30"> </td>
<td height="30" align="center" valign="bottom"><input name="chaxun" type="submit" id="chaxun" value="查询"></td>
</tr>

</form>
</table>
</BODY>
</HTML>

‘捌’ HTML页面怎么获取HTML的form表单的数据的源代码，有吗。。。拜托了

‘玖’ 用表格和表单制作如下网页。完整html代码

1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。

阅读全文

热点内容

苹果连接id服务器出错是怎么回事发布：2024-09-20 08:01:07 浏览：502

编程键是什么发布：2024-09-20 07:52:47 浏览：651

学考密码重置要求的证件是什么发布：2024-09-20 07:19:46 浏览：477

电脑主服务器怎么开机发布：2024-09-20 07:19:07 浏览：728

2022款瑞虎升级哪些配置发布：2024-09-20 06:59:07 浏览：264

数据库与asp 发布：2024-09-20 06:55:25 浏览：727

python解释编译发布：2024-09-20 06:52:57 浏览：648

舞蹈丰收脚本发布：2024-09-20 06:36:26 浏览：595

linux进程端口号发布：2024-09-20 06:36:11 浏览：80

派派怎么改密码忘了发布：2024-09-20 06:25:49 浏览：780

表单源码

与表单源码相关的资讯