05后HTML教程——第9期

(其实作者真的想说，我们的教程不仅仅是给05后的人看的，而是给所有人看的。是Ale里有人起的名字，改标题的时候可能会改在CSS之后。

大家好。今天我们又谈到了表格(

)

这一期的形式和上一期基本一样，会讲很多属性。

顺便说一下接下来的辅导安排。我们会在这一期或者下一期把表格内容讲完，然后再讲更复杂的图片回复。接下来，还会有几期H5实战，所以你可以花时间看看以前的内容。

废话少说，先来看看本期要用到的属性。——

输入类型选择时间(无时区)日期时间选择日期和时间(有时为时区)日期时间-本地选择日期和时间(无时区)电子邮件用于应包含电子邮件地址的输入字段搜索用于搜索字段输入属性值定义输入字段的初始值readonly指定输入字段为只读。

1.time

time属性允许用户选择时间(没有时区)。

0402684563759″ data-s=”300,640″ src=”https://www.ztxinli.com/wp-admin/img.php?imgUrl=https://mmbiz.qpic.cn/mmbiz_png/RJPjCyw9LRJFnqhK4Zia4K7t1C5fKsKnicMYXY88jRsann3C2k6pTv4qicPB38jiasUwv1Kic8sWxSqLcuKwjakc6yg/640?wx_fmt=png” data-type=”png” data-w=”894″ style=”width: 539px;height: 488px;” />

2.datetime datetime-local

datetime属性允许用户选择日期和时间（有时区）

datetime-local属性允许用户选择日期和时间（无时区）

非常可惜，目前这两种属性在某些浏览器上是不能用的，如360，IE……

3.email

email属性用于应该包含电子邮件地址的输入字段。

某些软件会识别 email 类型，并在键盘增加 “.com” 以匹配电子邮件输入

4.search

其实search属性没什么用处，就是用于搜索字段，和普通文本输入没什么区别，所以在此不配图，可以去前几期的表单text属性看到呈现效果。

5.value

接下来就到输入属性了，之前讲的都是输入类型，但是它们都叫做属性。（是不是很拗口）

value属性用于定义输入字段的初始值，即默认情况下的值。

注意，这里我没有修改文本内容，这是默认显示的

6.readonly

readonly属性规定输入字段为只读。即不可更改。

虽然看上去效果和value一样，但是这个文本不可更改，不信的话自己可以去试一试。

好了，这期教程就到这里，下一期我们就可以结束表单的内容了，大家记得关注转发哦

作者：

Алексей

       四五帮帮主，四五dark♂帝国元首（划掉）

喜欢HTML/CSS/JS

07年出生，福建福州人，未来的程序员

素描八级，但是还是要请美工

本来想做小程序，结果开了个公众号天天在那边写稿

wawjf

（我爱微积分）

与楼上同班同学，都是很hj的人（是的