Java日记之HTML基础二

最新推荐文章于 2024-10-12 22:35:37 发布

尬尬_

最新推荐文章于 2024-10-12 22:35:37 发布

阅读量209

点赞数

分类专栏： # Web前端文章标签： java web html

本文链接：https://blog.csdn.net/qq_45596525/article/details/107068385

版权

Web前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文主要讲解的是框架集 <frameset>

一.重要属性

在使用frameset前 ,要替换掉原有的<body></body>

1.cols / rows : 行与列
例如 :frameset cols ="200,*" 将页面分为左右两份 , 左200像素大小 ,剩下的都在右

2.表单form :

<form></form>

①get方法: 使用get方法提交数据将以 ?(name) = (val)的方式提交 ,也就是明文提交 ,此时所有参数都将暴露在地址栏中 ,速度快
弊端 : 不够安全 , 而且浏览器往往会限制地址的长度 , 传中文会乱码
②post方法 : 加密提交 ,地址栏中不出现数据 (被封装成了HTTP报文 ,而不是地址栏传递 ,不限制数据的大小)

三.< input>输入框
(1).name属性 : 相当于写后端时的变量名 ,在form表单提交时 ,将当前值标识出
(2).value属性 : 在输入框中默认有一个value值
EG: value = "中国" 在输入框里默认就有一个中国
①text文本
②submit : 按钮 ,点击时会将表单提交给后台
③checkbox : 多选框
④radio : 单选框 (需要注意的是 ,当我们的单选框的name属性相同时 ,才能实现仅选一个)
⑤button : 普通按钮 ,不会触发表单提交
⑥file : 需要有name属性 ,用于选择文件 ,不会显示图片
⑦date : 日期选择框 HTML5新特性

四.下拉菜单
< select>< /select > ,其中的选项为< option>< /option> 需要有name属性
< option value = " "> < /option> value中的传给后台的值 ,如果选项是城市 ,那value中可以是城市的代码或邮编

五.文本域标签
< textarea>< /textarea> 用于大文本域 ,比方说QQ空间动态 ,朋友圈这类的可以写很多字的

六.< a>< /a>标签的target属性的剩余三种属性
年代久远了 ,忘得差不多了只能略写了… …

_top :在当前最顶级的页面打开
_parent :父级跳转
通过frame的name属性,配合在某一个frame的name属性使用 :比如点击左菜单 ,右菜单跳转

<a herf=" " target = "myRight"></a>
<a src = "right.html" name = "myRight"></a>

<html>
	<head>
	</head>
	<body>
		<font>right</font>
		<form action = " " method = "get">
		<input type = "text" value = "USER" name = "user"/>
		<input type = "submit" />
		<input type = "checkbox" name = "hobby"/>唱
		<input type = "checkbox" name = "hobby"/>跳
		<input type = "checkbox" name = "hobby"/>rap
<br/>		
		<em>性别</em>
		<input type = "radio" name= "sex"/>男
		<input type = "radio" name= "sex"/>女
		<input type = "button" value = "按钮"/>
<br/>
		<input type = "file" value = "选择文件"/>
		<input type = "date" value = "生日">
	</body>	


</html>