Web作业表单的制作

最新推荐文章于 2024-04-09 17:07:58 发布

excellentOneBoy

最新推荐文章于 2024-04-09 17:07:58 发布

阅读量1.4k

点赞数 2

分类专栏： HTML 文章标签：前端 html css

本文链接：https://blog.csdn.net/excellentOneBoy/article/details/128298363

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、表单样式

二、代码实现

三、总结

一、表单样式

二、代码实现

<!DOCTYPE html>
<html>
<body>

<form action="#" method="post">
  <table>
<tbody>
<tr>
         <td>姓名</td>
				<td>
					<input type="text"  >
				
				</td>
                </tr>
<tr>
         <td>密码</td>
				<td>
					<input type="text" >
				
				</td>
                </tr>
<tr>
         <td>性别</td>
				<td>
					<input type="radio"  >男
					<input type="radio"  >女
				</td>
                </tr>
                
  <tr>              
              <td>电子邮件地址</td>
				<td>
					<input type="email" name="email" >
				</td>
                  </tr>
<tr>
				<!-- 使用下拉列表域定义学历输入框 -->
				<td>学历</td>
				<td>
					<select name="profession">
				
						<option >小学</option>
						<option >初中</option>
						<option >高中</option>
						<option >大专</option>
						<option >本科</option>
						<option >研究生</option>
						<option >其他</option>
					</select>
				</td>
                </tr>
  <tr>              
              <td>个人爱好</td>
				<td>
				<input type="checkbox" />跑步
                <input type="checkbox" />游泳
                <input type="checkbox" />打游戏
				</td>
                  </tr>	
                  
                  
                  <tr>
         <td>留言内容</td>
                <td>
      
         <textarea rows="5" cols="40"></textarea>
                </td>
                </tr>
       <tr>                
<td>
             <input type="submit" value="提交"><input type="submit" value="重置">
        </td>
        </tr>
 </tbody>
</table>
</form> 
</body>
</html>