HTML知识整理(form表单简单实现登录注册界面)_html用表单做登录页面

作者：小蓝xlanll | 2024-03-24 20:37:02

踩

html用表单做登录页面

代码段：


<!----注释
	from表单:作用收集用户的基本信息
	<from>内容</from>
	表单属性:action  服务器地址 比如:192.168.1111.3:8080 
	        method  提交方式 post get 其中post更加安全
	下面是默认登录注册界面的写法
	----->
<!DOCTYPE html>
<html>
<head>
	<title>from表单</title>
</head>
<body background="12.jpg">
	<!----属性:text 文本框 
		       file 文件
		       submit 提交按钮
		       button 普通按钮
               radio 单选框
               checkbox 多选框
               reset 重置按钮
		--->
  <form action=" " method="post" > 
  	<!---name：里面的类容会提交给服务器--->
  	<!-----value:用于指定相应的显示信息--->
  	<!--实际开发过程中用户初始界面只需要用户名和用户密码提交就可以了-->
  	<table align="center" >
  		<tr>
  			<td>用户姓名:</td>
  			<td><input type="text" name="user" ></td>
  		</tr>
  		<tr>
  			<td>用户密码:</td>
  			<td><input type="password" name="password" ></td>
  		</tr>
  		<tr>
  			<td>性别：</td>
  			<td>
  				<input type="radio" name="sex" value="1">男
  				<input type="radio" name="sex"value="0">女
  			</td>
  		</tr>
  		<tr>
  			<td>兴趣：</td>
  			<td>
  				<input type="checkbox" name="insert" value="somek">抽烟
  				<input type="checkbox" name="insert" value="drunk">喝酒
  				<input type="checkbox" name="insert" value="tangtou">烫头
  			</td>
  		</tr>
  		<tr>
  			<td>学历</td>
  			<td
  				<select name="grend">
  		          <option value="gz">高中</option>
  		             <option value="dz">大专</option>
  		                <option value="bk">本科</option>
  		                   <option value="ss">硕士</option>
  				</select>
  			</td>
  		</tr>
  		<tr>
  			<td><input type="submit"  value="登录"></td>
  			<td> 
  				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  				<input type="submit"  value="注册">
  				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="reset"  value="重置">
  			</td> 
  		</tr>
  		<tr>
  			<td>简介</td>
  			<!----文本域--->
  			<td><textarea name="insert"></textarea></td>
  		</tr>
  	</table>	
  </form>
</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/304715