网页基础（七）表单

最新推荐文章于 2024-06-30 14:13:44 发布

@大娱乐家

最新推荐文章于 2024-06-30 14:13:44 发布

阅读量457

点赞数

本文链接：https://blog.csdn.net/qq_41440413/article/details/104473595

版权

表单的标签为<form> 其中属性action和method有get post先介绍下他的区别

action 把表单数据交给那个页面进行处理
           from 表单标签
           get 默认的一种数据传输方式（查询用get）
           特点：
           1.通过地址栏来传递表单数据
           2.不能传递敏感数据，用户信息，比如密码
           3.不能传递海量数据，每次只能传递1024个字节
           4.不能上传附件
           post：
           1.不是通过地址栏来传递数据的
           2.数据传给文件处理程序增删改用post
           3.能传输海量数据
           4.能上传附件

下面编写一个注册页面并简要介绍下各属性用法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
	</head>
	<body>
		<form action="#" method="post" enctype="multipart/form-data">
		<span>账号:</span>
		<!--
        	作者：770267939@qq.com
        	时间：2020-02-24
        	描述：行内标签
        	表单最重要的作用 获取用户输入的信息 需要在表单中加入input
        	语法  <input type="类型"  
        		 type值 text 单行文本框  password密码框
        		 image 图片按钮
        		 radio 单选按钮
        		 checkbox 多选框
        		 注意：使用上传必须修改enctype="multipart/form-data"
        		 否则无法上传
        		 file 上传按钮
        		 select 下拉框
        		 常用属性：
        		 checked ="checked" 单选默认选中
        		 value 初始值
        		name="userName" 
        		id="userName" />
        
        -->
        <input type="text" name="userName" id="userName" /> <br />
		<span>密码:</span>
		<input type="password" name="pwd" id="pwd" />
		<br />
		<!--图片-->
		<input type="image" src="../img/2.gif" name="image" id="image" />
		<br />
		<!--单选-->
		<span>性别</span>
		<input type="radio" name="sex" id="sex" checked="checked"/>男
		<input type="radio" name ="sex" id="sex1" />女
		<br />
		<!--多选-->
		<span>爱好</span>
		<input type="checkbox" name="hobby" value="1"/>唱
		<input type="checkbox" name="hobby" value="1"/>跳
		<input type="checkbox" name="hobby" value="1"/>rap
		<input type="checkbox" name="hobby" value="1"/>篮球
		<br />
		<!--上传-->
		<span>上传:</span>
		<input type="file" name="file" id="file"><br />
		<!--下拉框-->
		<span>颜色:</span>
		<select name="color" id="color">
			<option value="--请选择--" selected="selected">--请选择--</option>
			<option value="red">红色</option>
			<option value="black">黑色</option>
			<option value="blue">蓝色</option>
			<option value="green">绿色</option>
		</select>
		<br />
		<span>备注:</span>
		<textarea name="desc" id="desc" rows="5" cols="10"></textarea>
		<br />
		<!--提交-->
		<input type="submit" value="注册"/>
		<input type="reset" value="重置"/>
		<input type="button" value="查询"/>
		</form>
	</body>
</html>

@大娱乐家

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页基础（七）表单

表单的标签为<form> 其中属性action和method有get post先介绍下他的区别action 把表单数据交给那个页面进行处理 from 表单标签 get 默认的一种数据传输方式（查询用get）特点： 1.通过地址栏来传递表单数据 2.不能传递敏感数...
复制链接

扫一扫