学习资料 Info
HTML表单的作用和构成是什么?
发布日期:2023-05-18

什么是HTML表单?

HTML表单的作用和构成是什么?(☆☆☆☆☆)

 

      HTML表单是一种需要和后端进行数据交互的控件!我们可以通过设置表单来采集用户的数据信息,并通过表单提交的行为将前端采集到的数据发送到后端!

      HTML表单共有三部分构成:

      (1). 表单标签/表单域:通过form标签声明!

           action属性:表单提交到后端的路径!

      (2). 表单控件:在form内声明的用于采集数据的标签

           input标签:键入标签!

                 type属性:声明键入的类型!

                 type="text":文本框

                 type="password":密码框

                 type="radio":单选按钮

                 type="checkbox":复选框

                 type="date":日期框

                 type="time":时间框

                 type="number":数字框

                 type="range":范围选项框

                 type="file":文件上传框

          

                 value属性:声明控件绑定的数据!(用于发送到后端!)

                 placeholder属性:声明占位符!

                 readonly属性:只读属性!

                 name属性:针对于单选按钮实现单选功能!

           select标签:声明下拉菜单(下拉框!)

                 option标签:声明下拉框选项!

           textarea标签:文本域标签(多行文本框)

                 rows:可见行数

                 cols:可见列数

      (3). 表单按钮:控制表单的状态!

           button按钮:普通按钮(假按钮),没有任何实际功能。

                 <input type="button" value="普通按钮">

                 <button type="button">普通按钮</button>

           submit按钮:提交按钮,可以将表单内所有采集到的数据统一发送到指定路径对应的后台!

           reset按钮:重置按钮,具备重置表单的功能。

 

6. 如何声明HTML表格?HTML表格的作用是什么?(☆☆☆☆☆)

      HTML声明表格就是为了美化页面!为了让画面的排列更加工整!

      声明HTML表格需要如下标签:快捷指令table>tr*5>td*2

     

      table标签:声明表格

           border属性:表格边框宽度

           cellpadding属性:单元格内边距/单元格填充

           cellspacing属性:单元格外边距/单元格间距

      caption标签:表格标题

      tr标签:声明行

      td标签:声明列

           rowspan属性:单元格所占据的行数

           colspan属性:单元格所占据的列数

      th标签:声明表头(可以替代td标签、自带加粗居中的效果!)