表单

表单的作用是收集信息。

表单的组成

◆提示信息

表单控件

1.表单域

属性:action:处理信息

method=”get | post”   

get通过地址栏提供(传输)信息,安全性差。

post 通过1.php来处理信息,安全性高。

 

2.文本输入框

maxlength="6"    限制输入字符长度

readonly=”readonly”  将输入框设置为只读状态(不能编辑)

disabled="disabled"  输入框未激活状态

name="username"   输入框的名称

value="大前端"     将输入框的内容传给处理文件

3.密码输入框

★注意:文本输入框的所有属性对密码输入框都有效。

4.单选框

★只有将name的值设置相同的时候,才能实现单选效果。

checked=”checked” 设置默认选择项。

5.下拉列表

<select>
<option>下拉列表选项</option>
<option>下拉列表选项</option>
</select>

 

属性:

multiple=”multiple”  将下拉列表设置为多选项

selected=”selected”  设置默认选中项目

<optgroup></optgroup>   对下拉列表进行分组。

Label=””  分组名称。

6.多选框

checked=”checked” 设置默认选中项

7.多行文本框

cols  控制输入字符的长度。

rows  控制输入的行数

8.文件上传控件

9.文件提交按钮

★:可以实现信息提交功能

10.普通按钮

★不能提交信息,配合JS使用。

11.图片按钮

★图片按钮可实现信息提交功能

◆重置按钮

★将信息重置到默认状态

◆表单信息分组

<fieldset></fieldset>    对表单信息分组

<legend></legend>      表单信息分组名称
html5补充表单控件

标签语义化

好的语义化的网站标准就是去掉样式表文件之后,结构依然很清晰。

标签语义化概念:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)

 

-标签语义化意义:

         1:网页结构合理

          2:有利于seo:和搜索引擎建立良好沟通,有了良好的结构和语                         义你的网页内容自然容易被搜索引擎抓取;

          3:方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)

          4:便于团队开发和维护

 

1:尽可能少的使用无语义的标签divspan

 

2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;

 

 

 

3:不要使用纯样式标签,如:bfontu等,改用css设置。

 

 

 

4:需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);