表单 <form>

表单标签是最常用的标签，用于与服务器端的交互。

<input>：输入标签

接收用户输入信息。其中的type属性指定输入标签的类型。
文本框 text。输入的文本信息直接显示在框中。
密码框 password。输入的文本以原点或者星号的形式显示。
单选框 radio 如：性别选择。
复选框 checkbox 如：兴趣选择。
隐藏字段 hidden 在页面上不显示，但在提交的时候随其他内容一起提交。
提交按钮 submit 用于提交表单中的内容。
重置按钮 reset 将表单中填写的内容设置为初始值。
按钮 button 可以为其自定义事件。
文件上传 file 后期扩展内容，会自动生成一个文本框，和一个浏览按钮。
图像 image 它可以替代submit按钮。

<form action="login" method="post">姓名:<input type="text" name="name"> <br/>密码:<input type="password" name="pwd"> <br/>性别:<input type="radio" name="sex" value="1" checked="checked">男<input type="radio" name="sex" value="0">女  <br/>兴趣:<input type="checkbox" name="hobby" value="music">  音乐       <input type="checkbox" name="hobby" value="dance">  舞蹈        <input type="checkbox" name="hobby" value="game">  游戏        <input type="checkbox" name="hobby" value="basketball">  篮球 <br/>    <input type="hidden" name="code" value="1234">       <input type="submit" value="登录"><input type="reset">
</form>

<select>：选择标签

<select name="lang"><option value="none"> --请选择语言--</option><option value="java" selected="selected"> JAVA </option><option value="c"> C语言 </option>
</select>

<textarea>：多行文本框

  简介:<textarea rows="10" cols="20" name="profile">不少于200字</textarea>

表单组件格式化

用表格标签<table>对表单中的组件进行格式化。

<form action="login" method="post"><table><tr><td colspan="2" align="center">用户登录</td></tr><tr><td>姓名:</td><td><input type="text" name="name" οnblur="myFun(this);"></td></tr><tr><td>密码:  </td><td><input type="password" name="pwd"> </td></tr><tr><td>性别:   </td><td><input type="radio" name="sex" value="1" checked="checked">男<input type="radio" name="sex" value="0">女</td></tr><tr><td>兴趣:     </td><td><input type="checkbox" name="hobby" value="music">  音乐       <input type="checkbox" name="hobby" value="dance">  舞蹈        <input type="checkbox" name="hobby" value="game">  游戏        <input type="checkbox" name="hobby" value="basketball">  篮球</td></tr><tr><td colspan="2" align="center"><input type="submit" value="登录">    <input type="reset">   </td></tr></table></form>

表单提交的页面实现

1）先定义form表单中的action属性值，指定表单数据提交的目的地(服务端)。
2）明确提交方式，通过指定method属性值。如果不定义，那么method的值默认是get。

表单提交方式(get/post)

两种方式的区别

    1) get提交将数据显示在地址栏，对于敏感信息不安全。post提交不显示在地址栏，对于敏感信息安全
    2) 地址栏中存放的数据是有限，所以get方式对提交的数据体积有限制。而post可以提交大体积数据。
    3) 对提交数据的封装方式不同。get将提交数据封装到了http消息头的第一行即请求行中。而post将提交的数据封装到请求体(请求数据)体中。

表单提交方式与乱码问题

无论是get还是post方式，对于Tomcat服务器端，默认的解码方式是ISO8859-1，因此中文会出现乱码。解决：通过用ISO8859-1进行编码，再用相应的中文码表进行解码即可。
如果是post提交，可以使用request.setCharacterEncoding(“GBK”);来解决乱码问题，该方法只对数据体有效即该方法只设置数据体的编码方式。因此，通常表单使用post提交，因为这样编码更方便。

客户端(浏览器)与服务端交互的三种方式：

1) 地址栏中输入url地址--- get
2) 超连接--- get
3) 表单--- get和post

头标签 <head>

头标签都放在<head></head>头部分之间。
包括：title base meta link

<base>

href 属性：指定网页中所有的超链接的目录。

target 属性：指定打开超链接的方式，如_blank 表示所有的超链接都用新窗口打开显示。

<meta>

name 属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。
http-equiv 属性：模拟HTTP协议的响应消息头。

<link>

rel 属性：描述目标文档与当前文档的关系。

type 属性：文档类型。

media：指定目标文档在哪种设备上起作用。

其它标签

<marquee>

direction 属性：left right down up
behavior 属性：scroll alternate slide

<pre>

可以将文本内容按在代码区的样子显示在页面上。

几个纯数据封装标签

div标签 span标签 p标签

标签分为两大类

1) 块级标签(元素)：标签结束后都有换行。 div p dl ol ul table title
2) 行内标签(元素)：标签结束后没有换行。 font span img input select a

Web---HTML---常用标签3

表 单 <form>