HTML中的表格和表单控件详解 |
您所在的位置：网站首页 › html表单输入控件 › HTML中的表格和表单控件详解 |
|
文章目录
前言表格和表单控件的作用？一、表格控件的语法1.tr标签和td标签2.表格的属性
二、表单控件的用法1.创建表单2.表单的常用属性3.表单常用控件（input控件）4.文本域标签
前言
html中经常会用到表格和表单控件，比如数据的显示，注册信息，登录信息等 表格和表单控件的作用？表格是为了将数据更加有条理的显示出来，用来对网页进行更加合理的规划和显示的 表单是为了进行数据采集数据提交使用的控件。将用户输入的数据提交到服务器端。 一、表格控件的语法 1.tr标签和td标签tr：表示表格的一行 td：表示表格中的一个单元格 th：也表示一个单元格，但是会自动居中，加粗（类似于表头） 单元格中要显示的内容 单元格中要显示的内容 2.表格的属性 属性名称属性的含义border对表格的边框进行设置windth对表格的宽度进行设置align对表格的位置进行设置cellspacing表格边框的厚度设置cellpadding表格中的文字与边框的距离进行设置rowspan合并几行单元格 竖向合并colspan合并列单元格（单元格）横向合并 二、表单控件的用法 1.创建表单表单在html中就是使用一对form标签表示的 即： 用户名： 密码： 2.表单的常用属性 属性名称作用action表示表单信息要提交的位置method表示表单的提交方式，常用post和get方法提交，默认是get提交method中的get方法数据会显示在浏览器地址栏上，不安全，且提交数据的大小有限制method中的post方法数据不会显示在浏览器地址栏上，安全传输，且提交数据的大小没有限制 3.表单常用控件（input控件）input中的type属性的不同表示input控件的类型不同 input控件的属性即type属性值： 属性值控制含义text文本框password密码框radio单选按钮checkbox复选按钮file上传按钮submit提交按钮reset重置按钮要将表单中的数据提交到指定的位置，一定要给要提交的数据取一个名字，即要有input要有一个name属性 4.文本域标签文本域可以输入多行文本，多用于用户评论，用户备注等等 使用方法 常用案例： 备注： |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |