HTML基础笔记之表单实例

最新推荐文章于 2021-06-23 12:17:17 发布

bruce_suxin

最新推荐文章于 2021-06-23 12:17:17 发布

阅读量345

点赞数

分类专栏： HTML+CSS+JavaScript 文章标签： html 实例 Web前端 Web前端设计 UI界面设计

本文链接：https://blog.csdn.net/bruce_suxin/article/details/52871922

版权

HTML+CSS+JavaScript 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

表单实例

代码运行效果图：

代码如下,图片素材自己下载或截图：

<!doctype html><!--声明兼容所有浏览器的-->
<html>
    <head>
		  <meta http-equiv="Content-Type">
		  <title> HTML标签的特殊符号</title> 
		 <meta name="Keywords" content="关键词，关键词,关键词">  
		 <meta name="description" content=""> 
	</head>   
 
 <body>   
	 <h2>注册***的账号</h2>

    <form action="注册成功.html" method="post"><!--提交方式改一下，默认为get-->
	   <table border="0" width="100%">
		  <tr>
			<td align="right">注册邮箱:</td>
		 	<td><input type="text" name="mail"></td>
		   </tr>
		   <tr>
			<td> </td><!--这里将空格作为占位符-->
			<td>你可以使用<a href="#">账号</a>注册或者<a href="#">手机号</a>注册</td>
		   </tr>
		   <tr>
			<td align="right">创建密码：</td>
			<td><input type="password" name="pwd" /></td>
		   </tr>
		   <tr>
			<td align="right">真实姓名：</td>
			<td><input type="text" name="realname" /></td>
		   </tr>
           <tr>
			<td align="right">性别</td>
			<td>
			    <input type="radio" name="sex" value="nv"/>男 
			    <input type="radio" name="sex" value="nan"/>女 
			</td>
		   </tr>

		   <tr>
			<td align="right">生日：</td>
			<td>
			  <select name="year">
			    <option value="1997">1997</option>
				<option value="1998">1998</option>
				<option value="1999">1999</option>
			  </select>年

			   <select name="month">
			     <option vaule="10">10</option>
				 <option vaule="11">11</option>
				 <option vaule="12">12</option>
			   </select>月
				
				<select name="day">
			     <option vaule="1">1</option>
				 <option vaule="2">2</option>
				 <option vaule="3">3</option>
				 <option vaule="4">4</option>
				 <option vaule="5">5</option>
				 <option vaule="6">6</option>
			   </select>日


			 </td>
		   </tr>


		   <tr>
			<td align="right">我现在：</td>
			<td>
			  <select name="now">
			    <option value="study">我正在上学</option>
				<option value="work">我已经工作</option>
			  </select>
            </td>
		   </tr>

           <tr>
				<td> </td>			
			    <td><img src="验证码.png"/> <a href="#">看不清换一张？</a></td>
		   </tr>
           
		    <tr>
				<td align="right" >验证码：</td>			
			    <td><input type="text" name="verycode" /></td>
			</tr>

			<tr>
			   <td> </td>
			   <td><input type="image" src="注册按钮.png" /></td>
			    
			
			</tr>
  	   </table>
      </form>

    </body>
</html>