HTML表单form和框架frameset

野性酷女 2022-03-08 19:37 223阅读 0赞

## 表单form ##

1.*单的概念: 表单是用来收集用户的信息或是数据。*  
2.*表单元素：form的内容*  
3.*placeholder: 设置文本框的占位符/就是文本框阴影提示，提供可描述输入字段预期值的提示信息，该提示会在输入字段为空时显示，并在字段获得焦点是消失。  
4.method属性规定如何发送表单数据，共有两种方法post方法和get方法，action数据发送到规定页面，get方法信息少（255个字节）容易直接获取，常用于提交较小的数据，比如ID，账号，密码等，特点：会将用户数据显示在URL地址栏中；post方法信息大如文本字段时，可加密没有安全方面漏洞。  
5.fieldset标签将表单内相关元素分组，在相关表单元素周围绘制边框。  
inout控件，type属性值包括text文本输入框；password密码输入框；radio单选按钮；checkbox多选按钮；button普通按钮；submit提交按钮，会把表单中信息提交的指定位置；reset重置按钮，重置表单中输入的信息；image表示图像形式的提交按钮；name控件的名称，自定义；value控件当中的值；size它的值为正整数，再页面中显示的宽度；maxlength最大允许输入的字符数；color颜色；data日期等等。  
6.requird属性表示必填或必选的。  
7.datalist定义选项列表。option元素定义下拉列表中的一个选项。  
8.Pettern属性规定用于验证元素的值的正则表达式。  
9.Select元素创建下拉选择框，单选或多选（multiple）菜单。  
10.Optgroup标签用于把相关的选项组合在一起。  
11.textarea文本域*

账号:<input type="text" width="200" height="400" /><br />

密码：<input type="password"/><br />

性别：  <input type="radio" name="sex"/>男
    			<input type="radio" name="sex"/>女<br />

爱好：<input type="checkbox"  value="游戏"/>游戏<input type="checkbox" value="游泳"/>游泳
    			<input type="checkbox" value="运动" />运动 <input type="checkbox" value="跑步"/>跑步<br />

<input type="button" value="登录" />
    			<input type="submit"  value="提交"/>
    			<input type="reset" value="重置" /><br />

<textarea rows="4">没有梦想和咸鱼有什么区别</textarea><br />

<select>
    			<option>甘肃省</option>
    			<option>陕西省</option>
    			<option>北京市</option>
    			<option>天津市</option>
    		</select>
    		<select>
    			<optgroup label="甘肃省">
    				<option>兰州市</option>
    				<option>白银市</option>
    				<option>天水市</option>
    			</optgroup>				
    		</select>				
    		</select>

## **\#\# 框架** ##

（frameset）  
1.用代替了  
2.rows设置行的占页面的百分比；cols设置列的所占百分比；\*表示剩余的百分比；frameborder设置框架的边框（取值0/1）0–不显示边框1–在每个页面之间都显示边框；bordercolor设置边框颜色；framespacing表示框架与框架间保留的空白距离。  
3.noresize设置禁止用户拖拉框架大小；scrolling设置滚动条是否显示；src路径连接到内容页面

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>Frameset</title>
    	</head>
    	
    	<frameset rows="20%,60%,20%">
    		<frame>
    			<frameset cols="10%,70%,*">
    				<frame></frame>
    				<frame noresize="noresize" src="source.html"></frame>
    				<frame></frame>
    			</frameset>
    		</frame>
    		
    		<frame noresize="noresize">				
    		</frame>
    		<frame>		
    		</frame>	
    	</frameset>
    </html>