内嵌标签学习&&内嵌框架学习&&form标签学习

<html>
	<head>
		<title>内嵌标签学习</title>
		<meta charset="utf-8"/>
	</head>
	<body>
		<!--
        	描述:内嵌标签:
        	iframe
        	scr:要显示的网页资源路径;
        	注意:默认当前页面打开以及加载src指向的资源
        	width:设置显示区域的宽度
        	height:设置显示区域的高度
        -->
        <a href="https://www.baidu.com" target="_if">百度一下</a>
        <iframe src="",width="100%",height="1000px" name="_if"></iframe>
	</body>
</html>

使用iframe来写一个内嵌块.

<html>
	<head>
		<title>内嵌框架学习</title>
		<meta charset="utf-8" />
	</head>
	<!--
    	描述:注意:第一步一定要删除body标签
    	框架标签学习:
    	frameset
    	rows:按照行进行切分页面
    	cols:按照列进行切分页面
    	子标签:
    	frame:进行切分区域的占位,一个frame可以单独加载网页资源
    	src:资源路径
    	name:区域名,结合超链接使用
    -->
    <frameset rows="10%,*,10%">
    	<frame src="" />
    	<frameset cols="10%,*">
    		<frame src="" />
    		<frame src="" name=""/>
    	</frameset>
    </frameset>
</html>

注意删除body,主要作用是将网页分割,使得网页更加美观.

<html>
	<head>
		<meta charset="UTF-8">
		<title>form标签学习</title>
	</head>
	<body>
		<!--
        	<!--
        	描述:
        	form表单标签学习:
        	作用:收集并提交用户数据给指定服务器
        	注意:form标签会收集其标签内部的数据
        	属性:
        	    action:收集的数据提交地址也就是URL
        	    method:收集的数据的提交方式
        	          get:适合小量数据,表单数据以?隔开拼接在URL后面,不同键值对使用&隔开,不安全
        	          post:适合大量数据,安全,隐私提交
        	    注意1:
        	    表单数据的提交,要提交的表单必须拥有name属性值,否则不会提交
        	    提交的表单单项数据为键值对,键为name属性的值,值为用户书写的数据
        	  注意2:form标签会收集其标签内部的数据
        	  注意3:form表单的数据提交需要依赖于submit的提交按钮
        	form表单域标签学习:
        	作用:给用户提供可以进行书写或者选择的标签
        	使用:
        	     文本框:
        	           input
        	                 type:
        	                      text 收集少量的文本数据,用户可见
        	                      password 收集用户密码数据
        	                      name:数据提交的键,也会被js使用
        	                      value:默认值
        	   单选框:
        	        input:
        	              type:
        	                    radio
        	                name:name属性相同的单选框只能选择一项数据
        	                value:要提交的数据
        	                checked:checked 使用此属性的单选默认是选择状态
        	  多选框:
        	        input:
        	              type:
        	                    checkbox
        	               name:多选的name值保持相同
        	               value:要提交的数据
        	               checked:checked 使用此属性的默认是多选择状态
        	  单选下拉框:
        	        select:
        	               name:数据提交的键名,必须声明
        	                              子标签option:一个option标签必须表示一个下拉选项
        	                              value:要提交的数据
        	   文本域:
        	     textarea:声明一个可以书写大量文字的文本区域
        	             name;数据提交的键名,js和css也会使用
        	             rows:声明文本域的行数
        	             cols:声明文本域的列数
        	  普通按钮:
        	        input:
        	             type:
        	                 button
        	              value:
        	  隐藏标签:
        	      input
        	           type:
        	                hidden
        	            name
        	            value
        	  注意:表单数据提交的是表单域标签的value值
        	form表单标签的使用:
        	在点击数据提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式
        	提交给action属性所指明的提交地址
        -->
        <form action="#" method="get">
        	用户名:<input type="text" name="uname" value="王五" /><br />
        	密码:<input type="password" name="upwd" /><br />
        	性别:男<input type="radio" name="sex" value="1" />
        	<input type="submit" value="登录" />
        </form>
	</body>
</html>

主要就是用户页面的登录,使用网站将信息传递给服务器。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值