HTML中的表格可以大致分为三个部分:
tfoot ———定义表格的页脚
这个标签就是放在三间房子里面的东西每一个 就是表格一行。
表格的每一行被分为一个个单元格
我们简单尝試写一个表格:
标签用于对表格中的列进行组合,以便对其进行格式化
标签规定了 元素内部的每一列的列属性。
用之前學习的标签,我们暂时还不能完成与网页的交流网页无法获取我们的输入信息。
在浏览网页时有很多的场景需要用户输入来完成特定嘚交互,比如注册、登录、问卷调查等我们可以使用表单来完成这些操作。
表单是可以把浏览者输入的数据传送到服务器端这样服务器端程序就可以处理表单传过来的数据。表单在网页中主要负责采集数据
:标签是成对出现的,以开始以结束。 action:浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php) method:数据传送的方式(get/post)。 表单中还包括文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选擇框、提交按钮和文件上传框等 3.2 文本框和密码框 当用户要在表单中键入字母、数字等内容时,就会用到文本输入框文本框也可以转化為密码输入框。
name:告诉服务器我们提交的这个value值代表的什么。
value:为文本输入框设置默认值(一般起到提示作用)。
3.3 单选框和复选框
在使用表单时为了减少用户的操作,使用选择框是一个好主意html中有两种选择框,即单选框和复选框两者的区别是单选框中的选项用户只能選择一项,而复选框中用户可以任意选择多项甚至全选。
value:提交数据到服务器的值(后台程序PHP使用)
name:告诉服务器,我们提交的这个value徝代表的什么
下拉列表在网页中也常会用到,它可以有效的节省网页空间既可以单选、又可以多选。
value:提交数据到服务器的值
下拉列表也可以进行多选操作,在标签中设置multiple=”multiple”属性就可以实现多选功能,在windows操作系统下进行多选时按下Ctrl键同时进行单击(在Mac下使用Command+单擊),可以选择多个选项
当用户需要在表单中输入大段文字时,需要用到文本输入域
标签是成对出现的,以开始以结束。
在标签之間可以输入默认值
在实际开发中,我们经常会遇到要求用户上传头像图片或者添加附件在表单中的场景
在表单中有两种按钮可以使用,分别为:提交按钮、重置当用户需要提交表单信息到服务器时,需要用到提交按钮当我们需要重置表单信息的时候,需要用到重置按钮
当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后发现书写有误,可以使用重置按钮使输入框恢复到初始狀态只需要把type设置为”reset”就可以。
value:按钮上显示的文字
发布了2 篇原创文章 · 获赞 0 · 访问量 103