表格标签和表单标签学习

         昨天我们了解了无序列表(ul 、li )、有序标签(ol、li)自定义列表(dl、dd、dt),表格的便捷式我们也学习了:table>tr*10>td*10 ,代码意思是10行10列,那么开始我今天的学习:

一、合并单元格

(1)、如何上下合并单元格 

        在表格开头teble的后面加上brder我们可以获得表格的标题,我用代码的方式告诉大家如何加上合并:

        

比如上面的代码:

        <td rowspan="2‘>101</td>        td是列 rowspan="数字“(上下合并)是让两列数字一样合并。    

(2)、如何左右合并单元格

        上下合并单元格在td后面加了个rowspan,那么自然左右合并我们要在后面也是加上一个代码:

像这样我们数字6就左右合并到一起了,在td后面加上colspan(左右合并),代码为:

       <td colspan=“数字”</td>

二、表单

       input标签可以通过type属性值的不同展现不同效果,来看一下input的代码表示:

        (1)<input type="text">  text是文本框,可以在前面加上用户账号输入账号一类的文本

         (2)密码设置:<input type="password">  password是密码

          (3)   radio我们用于单选框

        性别:

              男<input type="radio">

              女<input type="radio"

           

           (4)   checkbox为多选框  

               房子<input type="checkbox">

              车子<input type="checkbox">

              存款<input type="checkbox">

         (5)<input type="file">   file是上传文件,可以按键选择文件打开

           (6)   <input type="submit">  submit是提交按钮

         (7)<input type="reset">  reset是重置按钮,可以重新填写

         (8)<input type="button" >   button是普通按钮

             上面这四项我在下列图片中的表示出来:

          另外from为表单标签,用于收集用户信息,input type=”内容“我们在内容后面可以加上name=”sex(性别)“value”=内容“这样我们打出的代码我们就可以看到它这个网页跳转的是哪一个页面了,手动输入的我们不用加上value(text、passsword、file)选择输入的我们需要加上value(radio、checkbox、submit、reset、buton)

okk,这是今天的小学习,总结的可能不太好,希望慢慢加油,写出更好的文章给大家呈现。

      

       

  • 23
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值