提交按钮。

语法：

<input   type="submit"   value="提交">

type：只有当type值设置为submit时，按钮才有提交作用

value：按钮上显示的文字

使用select、option标签创建下拉菜单

2、select标签里面只能放option标签，表示下拉列表的选项。

3、option标签放选项内容，不放置其他标签。

5、selected="selected"：

设置selected="selected"属性，则该选项就被默认选中。

<select>

      <option value="向服务器提交的值">显示的值</option>

 <option value="向服务器提交的值">显示的值</option>

 <option value="向服务器提交的值">显示的值</option>

</select>

语法：

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

1、type:

   当 type="radio" 时，控件为单选框

   当 type="checkbox" 时，控件为复选框

2、value：提交数据到服务器的值（后台程序PHP使用）

3、name：为控件命名，以备后台程序 ASP、PHP 使用

4、checked：当设置 checked="checked" 时，该选项被默认选中

当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上

使用<textarea>标签创建文本域

语法：

<textarea  rows="行数" cols="列数">文本</textarea>

2、cols ：多行输入域的列数。

3、rows ：多行输入域的行数。

4、在<textarea></textarea>标签之间可以输入默认值。

1、input的type属性设置为url,则表示该输入框的类型为网址。

2、数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示

1、input的type属性设置为number,则表示该输入框的类型为数字。

2、数字框只能输入数字，输入其他字符无效。

3、数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致。

需要提示用户输入框需要输入框的内容，会用到占位符,placeholder属性为输入框占位符,里面可以放提示的输入信息。

1、placeholder属性为输入框占位符,里面可以放提示的输入信息。

2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。

3、占位符内容不是输入框真正的内容。

<input type="text" placeholder="请输入关键字">

css中权值：

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：

p{color:red;} /*权值为1*/

p span{color:green;} /*权值为1+1=2*/

.warning{color:white;} /*权值为10*/

p span.warning{color:purple;} /*权值为1+1+10=12*/

#footer .note p{color:yellow;} /*权值为100+10+1=111*/

<form>
  <input type="text/password" name="名称" value="文本" />
</form>

当type="password"时, 输入框为密码输入框。

name：为文本框命名，以备后台程使用

value：为文本输入框设置默认值。(一般起到提示作用)

与用户交互 - 使用<form>创建表单

语法：

<form   method="传送方式"   action="服务器文件">

method ： 数据传送的方式（get/post）。

.action ：浏览者输入的数据被传送到的地方

<form    method="post"   action="save.php">
       <label for="username">用户名:</label>
       <input type="text" name="username" />
       <label for="pass">密码:</label>
       <input type="password" name="pass" />
</form>

所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间

1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）

3、<tfoot> 元素用于对 HTML 表格中的表注（页脚）内容进行分组。

4、thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。

创建表格的四个元素：table、tr、th、td

1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。中间嵌入<td>…</td>，有几个<td>就有几列

4、<th>…</th>：表格表头，默认加粗。

th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。。

5、表格中列的个数，取决于一行中数据单元格的个数。

6、border属性可以为表格添加边框，属性值为数字。没有添加border属性之前, 在浏览器中显示是没有表格线,属性越大，表格线越粗，如<table border="8">

2、table标签里面可以放caption标签和tr标签。

3、caption标签用来定义表格的标题。

a标签有的target属性，代表打开网页的方式。可选值为”_self和_blank”，默认值为_self，代表在当前页面打开链接，_blank代表在新窗口打开链接。

<a  href="目标网址"  title="鼠标滑过显示的文本">加入超链接的文本</a>