Web表单标签divcss盒子模型浮动定位

本文深入探讨了HTML中的frameset布局技巧,包括rows和cols属性的使用,以及frame标签的详细配置。同时,全面解析了form表单的各元素功能,如input、textarea、select等,覆盖了不同类型字段的应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

frameset:和body不能共存
              rows 上下排列 百分比
              cols 左右排列
              frame:
                       src-引入的子页面
                       name-当前窗口标签起名
                                 a标签中 target=“name”
                       noresize:大小不可改变
         <frameset>
                    <frame src="header.html" noresize/>
                    <frameset>
                                <frame src="menu.html" noresize/>
                                <frame src="body.html" noresize name="body"/>body当中跳转界面的窗口
                    </frameset>
         </frameset>
        <a href="http://www.baidu.com" target="body">百度</a>  实现在bodyframe中跳转界面


form:表单标签 action 服务器地址 method 提交方式 get/post 默认get entype:multipart/form-data表单类型-后期文件上传
input:type name value id
type: text-普通文本
password-密码
radio 单选按钮 配合name使用 建议添加value
默认选择 checked
checkbox 多选框 配合value使用
默认选项checked
file-选择文件 后期文件上传使用
date 时间选择 yyyy-MM-dd
submit- 提交按钮
button- 普通按钮
reset-重置按钮
select:下拉列表
option 子标签 建议配合value使用
默认选择selected
textarea:多行文本域
rows cols
label:通常给checkbox和radio使用 for=“id值”
自动换行 不自动换行

css方式
内嵌式
1

内联式

–浮动
.class{
float:left/right; 多个浮动如果一行宽度太小,就会被挤下来
clear:both;清除浮动 不清除浮动,不浮动的元素会被浮动的元素遮挡
}
ul li:first-child 首个元素选择
div{ display:inline 显示 /none 隐藏/ block:以块元素显示 }

定位
#two{
position:absolute; 绝对定位:相对于body
top:100px;
left:200px;
position:relative; 相对定位:相对与父标签
top:100px;
left:200px;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值