美文网首页
HTML&CSS(Day02),表格表单

HTML&CSS(Day02),表格表单

作者: 宝宝跟你们拼啦 | 来源:发表于2019-09-26 21:00 被阅读0次

1、表格

    表格:由table标签(表格)、tr标签(行)、td标签(标准单元格)、caption标签(标题)、th标签(表头单                     元格)组成。

但是这看起来并不像一个表格,表格是有边框,那就需要用css进行样式修饰

2、表单

2-1:表单的作用:用来将用户信息提交给服务器的(百度的搜索框 注册 登录这些操作都需要填写表单)    

2-2:使用form标签创建一个表单

        2-2-1:form标签中必须指定一个action属性,该属性指向的是一个服务器的地址当我们提交表单时,将会                        提交到action属性对应的地址

        2-2-2:使用form创建的仅仅是一个空白的表单,我们还需要向form中添加不同的表单项

            2-2-2-1:使用input来创建一个文本框,它的type属性是text,如果希望表单项中的数据会提交到服务器                              中,还必须给表单项指定一个name属性,name表示提交内容的名字,用户填写的信息会附在                              url地址的后面以查询字符串的形式发送给服务器,url?查询字符串

                         结构:属性名=属性值&属性名=属性值&属性名=属性值

                         在文本框中也可以指定value属性值,该值将会作为文本框的默认值显示

            2-2-2-2:密码框(type="password")

            2-2-2-3:提交表单按钮(<input type="submit" value="提交"></input>)

            2-2-2-4:单选按钮

            2-2-2-5:多选框

            2-2-2-6:下拉列表

            2-2-2-7:文本域

            2-2-2-8:重置按钮,reset

相关文章