用HTML语言制作表单的登录界面（包括常用标签的注释）_制作html登录表单，表单中包括的元素：文本框：用户名密码框:密码按钮：登录按钮2、编写php脚本，

作者：IT小白 | 2024-06-02 22:21:01

踩

制作html登录表单，表单中包括的元素：文本框：用户名密码框:密码按钮：登录按钮2、编写php脚本，接收html表单传递来的参数；3、提示当前登陆的用户名。

表单

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- form表单 label中for 可以指定id 作用是鼠标指针不用放在输入框内输入 直接点击账号就可以输入
		 value表示输入的值直接可以放进去 size可以规定输入框的长度 placeholder可以显示在此输入账号
		 readonly表示只能读 disable表示无法使用插件-->
		 <!-- type="password"表示密码 type="radio"表示单选框 value里表示的是往后端传输的数据 checked表示默认 
		 type="checkbox"表示复选框 n通过name属性分组 属性相同为一组
		  单选和复选不能输入内容所以必须指定value的值。-->
		  <!-- type="file"表示选择文件 accept表示选择文件的类型 
		   accept里面填写文件后缀名
		   下拉框中name id等需要在select中定义，而value需要在option中定义          多行文本域textarea  name里面放    cols表示列 rows表示行-->
		 <h3 align="center">登录界面
		 <p >
		<form action="serve.html" method="" >
			<label for="m"  ><b>账号:</b></label>
			<input id="m"  type="text" size="30" placeholder="请输入账号"/ name=""  >
			<label for="f">密码：</label>
			<input type="password"/ size="30" placeholder="请输入密码"  id="f">
			
				<br />
			性别:
			<label for="n">男</label>
			<input  type="radio" name="sex" value="男" id="n"/ checked="checked">
			<label for="v">女</label>
			<input  type="radio" name="sex" value="女"  id="v"/>
			
			
			<br />
			课程：<input  type="checkbox" name="课程" value="计算机" checked="checked"/>计算机
			<input  type="checkbox" name="课程" value="英语" checked="checked"/>英语
			<input  type="checkbox" name="课程" value="数学" checked="checked"/>数学<br/>
			照片：<input type="file" name="img"  accept=".jpg,.png"/><br />
			省份：<select name="province">
				<option value="0" selected="selected"><s>无</s></option>
				<option value="100">陕西</option>
				<option value="120">山东</option>
				<option value="130">日本</option>
				<option value="250">韩国</option>
			
			</select><br />
			说明：<textarea name="textarea"  cols="60" rows="30">
				我凎
			</textarea><br />
			<input type="reset" value="重置数据" name="reset"/>
			<input type="submit" value="提交"  name="submit"/>
			<input type="button" value="按钮" onclick="alert('FBL警告')"/>
			
			
		</form>
		</p>
		</h3>
		
	</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

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