做咩

做咩

今天是学习HTML的第三天, 东西越来越多了...出去吃的晚饭, 所以回来的比较晚,周末快乐! 我还是没搞懂微信到底能不能用Markdown的语法.

表单内容太多了= =, 差不多都试了一遍. 太多了...大概看了看吧, 用的时候再查吧. 看的太多了, 有点晕...

还看了一下HTML5, 新增了好多内容, 代码迁移我就略过了, 等有需要再看吧...明天就该看HTML媒体和图形, 还有个API 好像很有趣的样子. 但感觉也会很难..

语义元素

语义元素可以清晰的向浏览器和开发者描述其意义.

非语义元素: div 和 span 无法提供关于其内容的信息

语义元素的栗子: form table img 清晰的表达了其内容的含义

对于老式浏览器可把css display 属性设置为block

• article
• aside
• details
• figcaption
• figure
• footer
• header
• main
• mark
• nav
• section
• summary
• time

| article | 定义文章。

| aside | 定义页面内容以外的内容。

| details | 定义用户能够查看或隐藏的额外细节。

| figcaption | 定义 figure> 元素的标题。

| figure | 规定自包含内容，比如图示、图表、照片、代码清单等。

| footer | 定义文档或节的页脚。

| header | 规定文档或节的页眉。

| main | 规定文档的主内容。

| mark | 定义重要的或强调的文本。

| nav | 定义导航链接。

| section | 定义文档中的节。

| summary | 定义 details> 元素的可见标题。

| time | 定义日期/时间。

删除的元素

• acronym
• applet
• basefont
• big
• center
• dir
• font
• frame
• frameset
• noframes
• strike
• tt

HTML表单

元素

• input元素是最重要的表单元素. 元素有很多形态, 根据不同的 type属性, 可以转化为不通形态.
• form元素定义HTML表单
• select元素定义下拉列表
• option元素定义待选择的选项
• textarea 元素定义多行输入字段(文本域)
• button 元素定义可点击的按钮
• datalist 元素为 input元素规定预定义选项列表。(input 元素的 list 属性必须引用 datalist 元素的 id 属性。)
• input元素的输入类型。
• text单行文本.
• password密码字段
• submit提交表单处理程序的按钮
• radio定义单选按钮
• checkbox定义复选框
• button定义按钮
• number数字输入
• date用于日期输入
• color用于颜色输入
• range滑块输入
• month选择月份和年份
• week选择周和年
• time选择无时区时间
• datetime有时区的日期和时间
• datetime-local无时区的日期和时间
• email电子邮件输入字段
• search搜索字段
• tel用于电话号码的输入
• url用于url地址的输入,根据浏览器会自动验证

属性

• value属性规定了输入字段的初始值
• readonly规定了输入字段为只读(无法修改)
• disabled规定了禁用字段
• size规定了输入字段的尺寸(以字符计算)
• maxlength规定了输入字段允许的最大长度(不接受超过长度的字符, 且无任何用户反馈)
• autocomplete规定了输入字段是否可以自动填充
• novalidate属于form属性, 如果设置, 则表示提交表单时不进行验证
• autofocus属性是布尔属性, 设置时会再加载界面时 input自动获取焦点
• form规定了 input元素所属的一个或多个表单(可以位于表单之外, 但仍然属于同一个表单)
• formaction规定了当前提交表单的处理控件的 url (会覆盖form元素的action属性 适用于 type= submit 和 type=image)
• formenctype规定了表单提交服务器使用的编码 (目前看的不是很懂= =)
• formmethod 定义了向 action URL 发送表单数据的http方法 (也看不太懂 好像是git 和post 的区别...)
• formnovelidate 如果设置, 则不验证提交的表单 (会复写 form 元素的novalidate属性 可用于type= submit)
• formtarget 规定了响应结果在本页面显示还是新窗口
• height和width 规定了input元素的而高度和宽度
• list 属性引用看 datalist 元素中包含了 input 元素的预定义选项
• min和max 规定了input元素的最小值和最大值 (适用于 number range date datetime datetime-local month time week)
• multiple属性是布尔属性 (允许用于在input元素输入一个以上的值, 适用于 email 和file)
• pattern用于检查input元素的正则表达式 (适用于 text search url tel email password) 正则还不会...
• placeholder 可以用于描述字段预期期望值 (适用于 text search url tel email password)
• required 规定必须填写字段 否则无法提交表单
• step 用于规定合法数字间隔...也就是步长 (可以同max 和min搭配使用 )

今天就这些吧, 东西太多了, 有点乱了...感觉有些应该不是很常用, 留个印象吧, 用的时候好能知道在哪找, 不至于根本不知道.