web前端 :表格及表单属性
lzzyok小精灵
2024-04-23 23:10
表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
表格及表单属性
1表格：
thead表头
tbody表体
tfoot表尾
th列标题，默认居中加粗的td
caption表格表体，默认左右居中
colgroupspan="num"列分组
2表格属性：
border-spacing:单元格间距，必须给table添加
border-collapse:collapse;合并边框线，必须给table添加
border-collapse:separate;默认值，不合并
empty-cells：show；无内容单元格，展示
empty-cells：hide；无内容单元格，隐藏
table-layout：fixed；单元格宽度固定（宽度不固定）
table-layout：auto；默认值，自适应，宽度不固定
3表单：
action："提交地址"；
method："提交方式"；post/get
name:"表单名称";
input
type="radio"单选按钮
【注】同一组的name属性值必须一致才能达到互斥的效果
checked="checked"默认选中
type="checkbox"多选按钮
【注】name值不需要一致
disabled="disabled"禁止选中
checked="checked"默认选中
label绑定选中标签
【例】
<inputtype="radio"value="xx"name="sex"id="bj">
<labelfor="bj">哈哈</label>
select>option下拉列表>下拉列表项
selected="selected"默认选中下拉
textarea多行文本输入框
cols=""改变元素宽
rows=""改变元素高
【注】不是px为单位，指的是容纳字符数，但是有偏差，可以通过样式修改大小
【注】默认可以拖拽大小；
resize:"none";禁止拖拽
fieldset>legend表单字段集>表单字段集标题
【注】一个filedest里只有一个直接的legend，可以有多个fieldest
fieldest嵌套写法
<fieldsetid="">
<legend></legend>
<fieldsetid="">
<legend></legend>
</fieldset>
</fieldset>
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分:表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
![web前端：[前端第六课]HTML5表单和php环境搭建](https://static.528045.com/imgs/44.jpg?imageMogr2/format/webp/blur/1x0/quality/35)
