HTML表单

表单语法：

<form>
    表单元素
</form>
注意：表单本身不可见

form标签中，实现表单元素添加：

<input>                  表单输入标签
<select>                 菜单和列表标签
<option>                 菜单和列表项目标签
<textarea>               文字域标签
<optgroup>               菜单和列表项目分组标签


input标签没有结束标签所以要在末尾加/:<input  type="类型属性  name="名称".../>

input中type属性：

text                     文字域
password                 密码域
file      文件域
checkbox                 复选域
radio                    单选域
button                   按钮
submit                   提交按钮
reset                    重置按钮
hidden                   隐藏域
image                    图像域

type中text属性：        

name                     文字域的名称
maxlength                指用户输入的最大字符长度
size                     指定文本框宽度以字符个数为单位，文本框缺省宽度是20字符
value                    指定文本框的默认值
placeholder              规定用户填写输入字段的提示 

radio单选框中想要只选择其中一个那么  name就要保持一致

<td>
        男<input type="radio" name="sex" value="man"/>
    女<input type="radio" name="sex" value="woman"/>
    保密<input type="radio" name="sex" value="bm" checked/>
</td>
checked表示这条为默认值
单选框语法：
<input type="radio" name=".." value="..." checked/>

复选框语法：

<input type="checkbox" name=".." value="..." checked/>
value表示你选择的元素传递给服务器，服务器根据收到的value知道我们选择的是哪项内容
复选框的name值是不受影响的

按钮：

<td>
        <input type="button" value="来点我" name="button"/>
    <input type="submit" value="submit" name="submit" />
        <input type="reset" value="reset" name="reset" />
</td>
按钮有默认字样，如果要修改，使用value

图像域（图像提交按钮）

语法：
<input type="image" name="..." src="imageurl"/>

隐藏域：不想被用户看到，但要被传递给服务器的信息可以使用

语法：
<input type="hidden" name="..." value="..."/>

下拉菜单和列表标签

语法：
<select>
   <option value="...">选项</option>
   <option value="...">选项</option>
   ...
</select>

注意：添加的选项只是显示出来的值
      传递给服务器的是value中的值

  

select标签属性：如果要是列表的样式，可使用<select size="数字",multiple>

name                  设置下拉菜单和列表的名称
multiple              设置可选择多个选项
size                  设置列表中可见选项的数目

option标签属性

selected              设置选项初始选中状态
value                 定义送往服务器的选项值

optgroup给列表中的多个元素分组：

<select>
  <optgroup label="组1">
   <option value="...">选项</option>
   <option value="...">选项</option>
   ...
  </optgroup>
  <optgroup label="组2">
   <option value="...">选项</option>
   <option value="...">选项</option>
   ...
  </optgroup>
</select>

textarea多行文本域

语法：
<textarea name=".." rows=".." cols=".."...>
    内容....
</textarea>

textarea属性：

name                  设置文本区的名称
placeholder           设置描述文本区域预期值的简短提示
rows                  设置文本区内的可见行数
cols                  设置文本区内的可见宽度

表单：访问一个含有表单的页面输入数据后提交表单，通过打包这些文件传送给服务器
      服务器接受数据并转由程序处理

form标签
语法：（以什么方式传输，传送给谁，是通过以下元素实现的）
<form action=""  method=""     name=""...>
      表单元素
</form>


action         URL                           提交表单时向何处发送表单数据
method         get、post                     设置表单以何种方式发送到指定页面
name           form_name                     表单的名称
target         _blank、_self、_parent、_top  在何处打开action URL
enctype                                      在发送表单数据前如何对其进行编码

method中post和get区别：

get：使用URL传递参数
     对所发送信息的数量也有限制
一般用于信息获取
 
post：表单数据作为HTTP请求体的一部分
      对所发送信息的数量无限制

  一般用于修改服务器上的资源

<div>标签

    是一个区块容器标记，<div></div>之间是一个容器，可以包含
    段落、表格、图片等各种HTML元素

<span>标签

    没有实际意义，为了应用样式

HTML标签
块级标签：占据一行，换行
行内标签：在一行，不换行

标签嵌套规则：

   块级元素可包含行内元素和某些块级元素
   <div><h1><a href=""></h1></div>
   行内元素不能包含块元素，只能包含行内元素
   <span><em></em></span>
   块级元素不能放在<p>标签内
   特殊的块级元素只能包含行内元素，不能包含块级元素
    如：h1、h2、h3、h4、h5、h6、p、dt-->
   
   块级元素与块元素并列，行内元素和行内元素并列
   <div><h1></h1><p></p></div><!--正确-->
   <div><span></span><a href=""></a></div><!--正确-->