Html页面窗口框架与表单

来源：互联网发布：颜色矩阵 1.0f 编辑：程序博客网时间：2024/05/20 20:58

1.首先在html代码中的框架不能用<body></body>,基本语法：

<frame src = " URL" noresize></frame>
........

</frameset>

其中的的src指向的URL地址就是要显示的html文件，noresize表示页面窗口大小不可改变。

2.各窗口的尺寸设置：

(1).<frameset cols=30%,20%,50%>   表示按照列来划分(2).<frameset rows=30%,20%,50%>   表示按照行来划分(3).纵横排列多个窗口：<frameset cols=20%,*>  <!--*表示下面的界面将占据余下界面--><frame src="A.html">     <frameset rows=40%,*>     <frame src="B.html">     <frame src="C.html">     </frameset></frameset>

3.窗口相互操作：

<a href="right.html" target = "right">Right1</a><br/>
<a href="right2.html" target = "right">Right2</a><br/>

其中：

特殊的 4 类操作(很有用喔)
<a href="url" target="_blank"> 新窗口
<a href="url" target="_self"> 本窗口
<a href="url" target="_parent"> 父窗口
<a href="url" target="_top"> 整个浏览器窗口

4.表单元素

基本语法：

<form action="ok.html" method= "*">
...

...
<input type=" #" name = " "> <input type= " #",name = " ">
</form>

* = GET, POST; # = text, password, checkbox, radio, image, hidden, submit, reset( 文本框，密码框，复选框，单选框，图片按钮，隐藏域，提交按钮，重置按钮); name后面的输入为表单元素名字。
text：文本框，input默认的type，不写就是这个，value表示文本框里的值。
password：密码框，value表示密码框里的值。
submit：提交按钮，value表示按钮上的文字
button：普通按钮，value表示按钮上的文字
reset：重置按钮，value表示按钮上的文字
radio：单选框，value表示该单选框的真实值（一般真实值和数据库对应，显示的值给用户参考的）
checkbox：复选框，value表示该复选框的真实值
hindden：隐藏表单域，value表示该表单域的值。
action 表示指定把请求交给那个页面，例如把请求交给ok.html, method里面的get会把文本域的提交内容在地址栏显示，但是post就不会在地址栏显示。

例如：

 <h1>登录界面<h1> <form action = "ok.html" method = "post"><html><head><title>表单元素测试</title></head><body>
表单的其他元素：
名字：<input type = "text" value "输入名字..." name = "username"/><br/>密码：<input type = "password" name ="pwd"/><br/>****喜欢的水果(复选框)*****<br/>       <!--这里的name可以是不一样的，但最好是一样的--><input type = "checkbox" name = "水果">西瓜<br/><input type = "checkbox" name = "水果">苹果<br/>****选择性别（单选框）****<br/><input type = "radio" name = "sex"/>男<br/>  <!--这里的name必须是一样的--><input type = "radio" name ="sex"/>女<br/>****隐藏域****（即可提交数据，又不影响界面）<br/><input type = "hidden" value= "123" name = "salary"/>****下拉菜单****选择你的出生地：<select name = "biradd"><option value = "">---请选择---</option> <!--在这里可以控制下拉菜单的宽度--><option value = "beijing">北京</option><option value = "shanghai">上海</option><option value = "chongqing">重庆</option></select><br/>****文本域****<br/><textarea cols = "30" rows = "10">请在这里输入.....</textarea><br/>****请选择你要上传的文件****<br/><input type = "file" name = "myfile"/>请选择文件</body></html>



                                                     0        0           	
					
					   Html页面窗口框架与表单
	  	   HTML浮动窗口与多媒体效果、表单与页面控件
	  	   html表单与页面控件
	  	   html表单与页面控件联系
	  	   表单判断页面html
	  	   HTML 多窗口页面
	  	   php Laravel框架学习(四) 之 表单与HTML
	  	   【HTML】框架页、表单与JavaScript的综合应用
	  	   php Laravel框架学习(四) 之 表单与HTML
	  	   Html完整表单页面(注册)
	  	   HTML页面框架
	  	   html页面框架布局
	  	   HTML表格，表单和框架
	  	   普通jsp页面的form表单与使用struts框架的form表单的区别
	  	   HTML---多窗口页面(Frames)
	  	   HTML-多窗口页面(Frames)
	  	   窗口页面操作控制html
	  	   弹窗口显示html页面
	     		  
	  	   Intel DPDK包部署试验
	  	   单链表基本操作
	  	   centos 提示下载空间不足解决办法
	  	   win10, net framework 3.5 安装报错0x800F081F
	  	   OSGI:Sring
	  	   Html页面窗口框架与表单
	  	   八皇后问题
	  	   JNI两种注册过程实战
	  	   C语言指针变量作为函数参数
	  	   CentOS-Mysql-Access denied for user root 更换root 密码
	  	   Unity插件 - MeshEditor（九） 模型涡流扭曲特效（黑洞吸引特效）
	  	   Nginx Load Balancing — Advanced Configuration
	  	   Spring开发环境搭建以及创建示例工程
	  	   java数据类型