HTML基础(6)_表格和表单 HTML基础（六）——表格和表单 1. 表格基础 ：整个表格的大结构：table rows，表格的行：table data，表格数据，单格 三者关系：table>tr>td 2. border属性 作用：给表格添加边框属性值：数字，单位是像素px默认会出现双线边框，可使用CSS去除单格之间的空隙 表示边框塌陷 3. 表头单格 =table head data需要记住的是，th是单格，需要嵌入在tr中，以前容易写错。 4. 单格属性 ：跨行合并，纵向合并；：跨列合并，横向合并；属性值是数字，单位是行/列。 5. 单格合并技巧 列出所有行，以最小单格为标准；添加每一行的td或th；划分单格所在行时，顶边对齐属同行；查看跨行或跨列的特殊单格，设置属性。 详见练习： 6. 表格分区 表格可分成四大区域：标题、表头、主体、页脚。它们都是双标签。标题：；表头：，内部嵌套tr>th；主体：，内部嵌套tr>td；页脚：，内部嵌套tr>td； 四个区域可以选择性进行组合，但是不管书写顺序如何，浏览器加载时总会按照标题、表头、主体、页脚进行排序展示。 示例： 7. 分区表格制作技巧 先书写大分区的标签结构；填充每个分区的内部内容；如果有合并单格内容，进行单格合并； 8. 表单的组成 HTML表单用于搜集不同类型的用户输入，表单素就是网页中提供用户输入的小控件。 一个完整的表单通常由表单域、提示信息和表单控件组成表单域：一个容纳所有表单控件和提示信息的容器，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。不定义表单域则无法传送表单数据到服务器。提示信息：提示用户输入和操作表单控件：具体的表单功能项，如各类的输入框、选择框和按钮等 9. 表单域标签 ，是一个功能性标签，表单数据必须放在form中才能提交到服务器，也是一个双标签和容器级标签。 9.1 表单域标签属性 ：属性值是提交到的服务器的url地址：属性值是get/post：表单名称 10. 表单素 10.1 <input> 这是最重要的一个表单素，是单标签，需要通过属性来实现各种功能。 10.1.1 单行文本输入框 ：input的默认值，只能输入单行文字。可用value属性定义默认内容。 10.1.2 密码输入框 ：单行密码框，掩码处理。 10.1.3 单选框 ：单选框，一般成组出现，多个单选框为一组，使用name属性分组。 10.1.4 复选框 ：单选框，一般成组出现，多个单选框为一组，使用name属性分组。 10.1.5 默认选中设置 10.1.6 按钮 ：普通按钮，没什么特殊功能；：重置按钮，将同一个form中填写的表单内容恢复成默认状态；：提交按钮，将填写数据提交到form指定的服务器，并重置form填写的信息；：图片按钮，默认和提交按钮相同，使用图片则需要添加src属性查找。需要注意的是，除了图片按钮，其他按钮一般都需要设置value值以显示在按钮上，用来告诉用户按钮的作用，不设置value的按钮是一块空白按钮，对于用户来说会造成困扰。 10.1.7 文件 ：上传文件到服务器； 具有multiple属性，将值设为multiple则能够上传多个文件。 10.2 <textarea> 双标签，可以输入多行文本内容的区域，双标签之间书写默认文字。 10.2.1 属性 rows：属性值是数字，单位是行，表示最大行数，超出行数会隐藏内容并出现滚动条；cols：属性值是数字，单位是列，表示每行在出现滚动条后显示的最大字节数，一个汉字2字节。 10.3 下拉菜单 和，表示选择和选项，前者表示下拉菜单的结构，后者表示单个选项，关系是select>option，都是文本级标签。 10.3.1 默认选中项 默认选中第一项。 改变默认值则在该项设置一个属性即可。 10.3.2 分组管理 ：双标签，关系是select>optgroup>option，有label属性用来设置分组的名称，该名称会显示在下拉菜单中但不能被选中。 10.4 <label> 所有表单素都可以通过绑定其他内容去扩大触发范围，这时需要使用一个<label>标签。 作用是帮表单素定义标注（标记）。如果将表单控件与提示内容使用进行绑定后，当用户鼠标内的提示内容时，浏览器会自动将焦点转到和标签相关的表单控件上。 10.4.1 绑定 使用的for属性。方式一：给表单素设置id属性；需要绑定的内容用包裹；给标签设置for属性，值为绑定的表单素的id值。 方式二：绑定内容与表单素靠近时，可以用将它们一起包裹 用法区别：如果绑定内容与表单素靠近，则可以使用方式二，否则使用方式一。 11. 字符实体 在HTML文件中，有些特殊符号不能直接书写，比如空格、等。此时可以使用HTML提前预留好的替换字符进行书写，这些字符叫做字符实体。 查手册即可，记记常用：=空格= ==&=版权符号Links：目录——走扎实的前端路
激活谷谷主为您准备了激活教程，为节约您的时间请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/88589.html
