web前端基础实例

文章目录

  • 一、制作个人简历页面
  • 二、表单登录页面
      • 表单知识点总结
  • 三、get请求和post请求的区别

一、制作个人简历页面

操作环境:Hbuilder X

操作环境:Hbuilder X



	
		
		个人简历制作
	
	
		
个人简历
姓名 性别 年龄 照片
学历 籍贯
电话 政治面貌
毕业院校
求职意向

运行结果:
web前端基础实例_第1张图片

二、表单登录页面

操作环境:Hbuilder X



	
		
		
	
	
		
总体信息
用户名:
密码:

运行结果:
web前端基础实例_第2张图片
web前端基础实例_第3张图片

表单知识点总结

  1. form必须有action属性,表示提交地址
  2. 所有需要提交的数据,input必须有name属性
  3. input按钮的文字,使用value属性表示
  4. input必须放在form标签内才能提交

三、get请求和post请求的区别

  1. get请求通常表示获取数据
  2. post请求通常表示提交数据
  3. get请求发送的数据都写在地址栏上,用户可见
  4. post请求发送的数据用户不可见
  5. get请求不能提交大量数据,但post可以,因此不要混用
操作环境:Hbuilder X



	
		
		
	
	
		

运行结果:
web前端基础实例_第4张图片
修改成method="post"



	
		
		
	
	
		

运行结果:
web前端基础实例_第5张图片

你可能感兴趣的:(web前端基础实例)