html基础-表单示例代码

基本信息

源码名称：html基础-表单示例代码

源码大小：3.61M

文件格式：.RAR

开发语言：CSS

更新时间：2014-08-11

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

源码介绍

html 表单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">
	<!--
	.blue_bold {
		font-weight: bold;
		color: #0000FF;
	}
	-->
	</style>
	<script type="text/javascript">
		function fun1()
		{
			 var yourPwd = document.getElementsByName("pwd");

			 if( yourPwd[0] == null || yourPwd[0].value == "" )
			 {
				 alert("密码不能为空！");
                 document.getElementsByName("pwd")[0].focus();
				 return;
			 }
			 
		 }
		function fun2()
		{
			 var yourPwd = document.getElementsByName("pwd");

			 if( yourPwd[0] == null || yourPwd[0].value == "" )
			 {
				 alert("密码不能为空！");
				 window.event.returnValue=false;
                 document.getElementsByName("pwd")[0].focus();
                 return false;
			 }
             document.testForm.submit();
			 
		 }
		function MM_jumpMenu2(targ,selObj,restore)
		{
			eval(targ ".location='" selObj.options[selObj.selectedIndex].value "'"); 
			if (restore) 
			{
			    selObj.selectedIndex=0; 
			}
		}
	</script>
</head>

<body>
    <form action="Hello.html" method="post" name="user_login_form" >
	<span class="blue_bold">文本域举例：</span><br />
	查询：<input type="text" name="seach" size="30" onfocus="this.value=''" value="请输入关键字"/>
	<br /><br />
	
	<span class="blue_bold">密码域举例：</span><br />
	密码：<input type="password" name="pwd" size="20" />
	<br />
	<br />
	<fieldset><legend>个 人 资 料</legend>
<span class="blue_bold">单选框举例：</span><br />
	 <input type="radio" name="gender1" value="F" />女性 &nbsp;&nbsp;
	 <input type="radio" name="gender2" value="M" />男性<br />
	 <br/>
	<span class="blue_bold">复选框举例：</span><br />
	 个人业余爱好：<br>
	<input name="checkbox" type="checkbox" value="1" checked="checked" />看书&nbsp;&nbsp;
	<input name="checkbox2" type="checkbox" value="2" />上网 &nbsp;&nbsp;
	<input type="checkbox" name="checkbox3" value="3" />听音乐<br>
	<br/>
	<span class="blue_bold">你的籍贯：</span><br />
	<select name="birth_place" id="birth_place_sel">
		<option value="1">广西</option>
		<option value="2">广东</option>
		<option value="3">江苏</option>
		<option value="4">四川</option>
	</select>
	</fieldset>
    <br/><br/>
	<span class="blue_bold">跳转菜单示例：</span><br />
	<!--javascript:window.open('reg3.html','_self')-->
	<select name="menu1" onchange="MM_jumpMenu2('parent',this,0)">
			<option>请选择需要的网址</option>
		<option value="http://www.sina.com">新浪网</option>
		<option value="http://www.sohu.com">搜狐网</option>
		<option value="http://www.taobao.com">淘宝网</option>
		<option value="http://www.mgdns.com">芒果互联</option>
	 </select>
    <br/><br/>
	<span class="blue_bold">多行文本域示例：</span><br/>
	<textarea name="comments" cols="40" rows="4" wrap="off" >这是一个有4行，每行可容纳40个字符，换行方式为虚拟的多行文本域。</textarea><br/>

    <br/>
	<span class="blue_bold">为控件定义一个标签示例：</span><br/>
	<input type="radio" name="sex" value="m" id="male"/> 
	<label for="male">男</label><br />
	 <input type="radio" name="sex" value="f" id="female"/>
	<label for="female">女</label>

	<br/>
		<br/>
		<span class="blue_bold">文件框举例：</span><br />
	请选择文件<br>
	<input type="file" name="uploadfile" size="40"/>
	<br>
	<br />
	<span class="blue_bold">图像域举例：</span><br />
	 <input type="image" name="tijiao" src="images/yjt.gif" onclick="JavaScript:fun2()" />
	<br/>
	<br/>
    <input type="submit" value="提交" onclick="fun2()"/>
    <input type="reset" value="重置"/>
    <input type="button" value="普通按钮" onclick="fun1()"/>	
	<input type="hidden" name="totalNum" value="100"/>
</form>
</body>
</html>