程序猿学习第三天,框架和表单

第一部分:框架
1、frameset框架
包含frameset和frame两个标签,frameset描述窗口的分割,frame定义放置在每个框架中的HTML页面,例:

<frameset cols="25%,50%,*"/rows="50%,*" border="5">
    <frame src="">
    <frame src="">
    <frame src="">
</frameset> 

cols为竖着切割页面,rows为横着切割页面

每个frameset只能设置sols或者rows中的一个,可用frameset嵌套的格式,来实现横竖混着切。

2、iframe内联框架
iframe和frameset的使用方式相似
语法:

<iframe src="引用页面地址" name="框架标识名" frameborder="边框" scrolling="是否出现滚动条"></iframe>

第二部分:表单

表单: 用户 提交数据到后台服务器;
用来收集用户信息;
表单中具体收集用户信息的条目叫做 表单元素;

表单标签:<form>
form的属性:
action=”数据要提交到的地址”
method=”post/get”,这里一般用post因为相比起来更安全

表单元素标签:<input>,<select>,<textarea>
1.input标签属性
type:text文本框
password密码框
radio单选按钮
checkbox复选按钮
image图片按钮
file上传文件容器
size:指定表单元素的初始宽度
value:指定表单元素的初始值
maxlength:用于指定text或password中输入的最大字符数,默认为无限大
name:表单元素表识名
checked:指定按钮是否被选中,在radio或者checkbox中使用此属性

2.select标签
属性:name,size
标签:option用于定义下拉列表中的每个选项,属性:value,selected
3.textarea标签
属性:name,rows 指定显示文本行数,cols指定元素宽度

补充属性
readonly用于设置表单元素的只读属性
disabled用于设置表单元素的禁用属性
type=”hidden”type属性设置hidden值得时候,用于设置当前表单元素的隐藏属性.

某些时候,例如在使用单选或者复选按钮的时候,需要扩大表单元素的焦点获取范围,
首先给要扩大的表单元素一个id
然后把要扩大到的范围用 lable 标签包裹起来
最后给lable标签一个for属性,属性值就是刚才的id属性值

你可能感兴趣的:(html,表单)