HTML-表单标签form及注册页面源码

表单标签 <form></form> 

用来盛放给用户输入信息的标签的空间

应用：一般的登录页面就是用表单标签做的
            属性:
                action:提交后跳转的链接页面(携带用户输入的信息作为参数)

                method:传递参数的方式(get/post)

                target:指向的窗口
                        _blank
                        _self
                
                enctype:传递的用户参数进行编码
                    application/x-www-form-urlencoded     所有字符进行编码(主要是字符串)
                    multipart/form-data    对字节流文件进行编码,支持文件上传的功能
        输入标签: input
            属性:
                align:对齐
                maxlength:支持文字的最大长度
                name:对输入的信息(值)进行一次命名
                value:输入的值
                placeholder: 空白输入保持内容
                type:
                    button:    按钮
                    checkbox 复选框
                    file 文件
                    hidden 隐藏
                    password 密码
                    radio 勾选列表
                    reset 重置
                    submit 提交
                    text 文本

表单标签的重点是type属性的用法，type支持多种值，常用于登录界面。

<!DOCTYPE html>
<html>
<head>
	<title>表单标签</title>
	<meta charset="utf-8">
</head>
<body>
	
 
	<form action=".//列表标签/success.html" method="get">
		
		
		用户名：<input type="text" name="user" value="" placeholder="请输入用户名"><br>
 
		
		密码：<input type="password" name="password" value="" placeholder="请输入密码"><br>
 
		隐藏内容<input type="hidden" name="隐藏内容" value="hidden" placeholder=""><br>
							<!-- 单选 -->
		勾选<input type="radio" name="勾选框" value="" placeholder=""><br>哈哈
 
		
		上传文件<input type="file" name="filepload" value="" placeholder=""><br>
							<!-- 多选 -->
		爱好：<input type="checkbox" name="复选框" value="1" placeholder="">篮球<br>
		<input type="checkbox" name="复选框" value="2" placeholder="">羽毛球<br>
 
		按钮<input type="button" name="button_1" value="" placeholder=""><br>
 
		<input type="submit" name="" value="提交" placeholder=""><br>
 
		<input type="reset" name="重置" value="重置" placeholder=""><br>
 
 
		
	</form>
</body>
</html>

　　

效果是：

 

 

posted @ 2020-11-04 13:27  苏先生呀  阅读(700)  评论(0)    收藏  举报