栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

使用H5中的表单标签制作一个简单的网页登陆页面

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用H5中的表单标签制作一个简单的网页登陆页面

简单介绍H5当中的表单标签。

表示定义一个表单的开始和结束。在form标签中,有主要的三个属性,action表示声明表单中的数据的处理的url地址。method属性表示定义浏览器将表单中的数据提交给服务器端的方式,有get和post两种方式,默认是get。name属性用于设置表单的名称,一般如果存在多个表单的话为了避免混乱而进行设置的。

在form标签中,常用的子标签就是 input具备对表单中的数据进行处理分析和存储等属性。它可以通过设置type来执行表单中不同的操作,常见的type属性有text image submit

以下就是我们需要使用表单来制作出来的效果

 由图可分析出此页面由六行三列的表格形成,是表单的形式。所以我们先把整体的轮廓给写出来。这里我只写了六行,至于列的话还没有进行设置。然后我们创建完之后,就可以逐行分析当中的内容,根据图片要求去编写代码


		
		
	
	
		

以下就是最终成果的代码



	
		
		
	
	
		
     新用户注册
  *
  *
  *
点击换一张
《网站服务协议》

最终的效果展示如下

重点的标签属性。placeholder属性,该属性用在input中,表示添加一个表单提示,但该提示不影响用户的输入。

还有在进行密码表单的编写时,type类型为password。以及form标签中的action属性 method属性都不要忘记写,否则表单最终无法找到执行数据的url路径 以及数据的处理方式

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/599659.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号