博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
table标签和input系列详讲
阅读量:5954 次
发布时间:2019-06-19

本文共 586 字,大约阅读时间需要 1 分钟。

我们单独把这两类标签拿出来一起讲是因为我们在开发中比较常用这两类标签,但是这两类标签又比较复杂:

input标签:

input标签顾名思义是一种输入信息的标签,很重要的属性是type,type大概常用的属性有一下几种:
text,button,checkbox,file,password,radio,reset,submit,咱们挨个来试一下

但是我们试了试看到了个问题,好像点击重置和提交没有什么用处。这是因为 在HTML中,表单是由
<form>元素来表示的,我们可以简单的理解为用from去规定一个区域内的input元素是一个整体,大家同心协力的工作。那么我们把代码改成下面的样子试试:

然后我们先点击提交试一下

点击之后表单内的信息都清空了然后传递到了url上面
然后我们点击重置之后表单内的信息会被重置掉
input标签还有个重要的属性是value:

标示这input元素的值,当然我们会通过控制value去处理input的值,大家可以通过改变不同的type属性来试一试体会一下input标签的强大功能
传送门:

table标签:

table标签下面带着tr和th(就类似于ul/ol和li的关系)
tr表示的是行数,th表示列数,下面我们简单的写一下两行两列的一个table表格:

好丑!做为一个优秀的前端工作者即使直男审美也接受不了这种东西

一个字“美”!

转载地址:http://gilxx.baihongyu.com/

你可能感兴趣的文章
自己用的一套reset.css,打算整理一下方便以后用,持续更新中,各位大神,不喜勿喷...
查看>>
DBA_实践指南系列7_Oracle Erp R12监控OAM(案例)
查看>>
【HASH】【UVA 10125】 Sumset
查看>>
常用的Javascript设计模式
查看>>
[ACM] poj 2249 Binomial Showdown (排列组合公式优化)
查看>>
java9学习之模块化
查看>>
深入理解正则表达式
查看>>
C#_LINQ(LINQ to Entities)
查看>>
数据库主键与外键
查看>>
tidb 架构 ~Tidb学习系列(5)
查看>>
DOM
查看>>
Android ADB 常用命令
查看>>
通过jQuery.support看javascript中的兼容性问题
查看>>
SQL Server2014安装流程及注意事项
查看>>
Data - 信息获取途径汇总
查看>>
setInterval、setTimeout
查看>>
RookeyFrame 隐藏 首次加载菜单 的伸缩动画
查看>>
用C语言实现的轴对称变换
查看>>
陶哲轩实分析 推论 7.3.2 (比较判别法) 证明
查看>>
android权限
查看>>