简单table和form示例

最新推荐文章于 2024-03-23 20:26:04 发布

cos_sin_tan

最新推荐文章于 2024-03-23 20:26:04 发布

阅读量598

点赞数

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/cos_sin_tan/article/details/45222309

html 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的HTML表单设计实例，包括文本输入、密码输入、单选按钮、复选框、下拉列表、文件上传及文本区域等元素。通过这个实例，读者可以了解如何构建基本的网页表单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
  <head>
    <title>form1</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=gb2312">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <table border=1 bgcolor=pink align=center>
	<form action="#" method="post">
	  <tr>
	  	<td>用户名</td>
	    <td><input type=text name=username></td>
	  </tr>
	  <tr>
	  	<td>密码</td>
	    <td><input type=password name=password></td>
	  </tr>
	  <tr>
	  	<td>性别</td>
	    <td><input type=Radio name=sex value="male" checked=true> 男
	     <input type=Radio name=sex value="female"> 女</td>
	  </tr>
	  
	  <tr>
	  	<td>爱好</td>
	    <td><input type=checkbox name=hobby  value="eat"> 吃饭  
	     <input type=checkbox name=hobby  value="sleep"> 睡觉 
	     <input type=checkbox name=hobby  value="play"> 打豆豆</td>
	  </tr>
	  <tr>
	     <td>地址：</td>
	     <td>
	     <select name="province">
	       <option>--请选择省份--</option>
	       <option>黑龙江</option>
	       <option>吉林</option>
	       <option>辽宁</option>
	       </select>
	       
	          地址：<select name="city">
	       <option>--请选择城市--</option>
	       <option>AA</option>
	       <option>BB</option>
	       <option>CC</option>
	       </select>
	       </td>
	  </tr>
	  <tr>
	     <td>上传信息</td>
	     <td><input type="file" name="file"></td>
	  </tr>
	  <tr>
	  	 <td>上传信息</td>
	  	 <td><textarea rows=10 cols=20 name=description> test</textarea></td>
	  </tr>
	  <tr>
	  	<td colspan=2 align=center>
	  	   <input type=submit value=注册>
	  	   <input type=reset value=取消>
	  	</td>
	  </tr>
	</form>
	</table>
  </body>
</html>

示例如图：